網頁設計中，鼠標滑動盒子的運用越來越流行，其中使用CSS來控制盒子高度的技巧也被廣泛應用。

/* CSS代碼 */
.box{
height: 300px; /* 設置默認高度 */
overflow-y: scroll; /* 添加垂直滾動條 */
}
.box:hover{
height: auto; /* 鼠標滑動時將高度設置為自適應 */
}

以上代碼的實現原理是，在盒子上添加:hover偽類，當鼠標滑動到盒子上時，將高度設置為自適應。同時，將默認高度設置為固定數值，添加overflow-y屬性可以自動添加垂直滾動條，使盒子內部內容可滾動。

CSS實現鼠標滑動盒子高度的技巧能夠提高網頁交互性和用戶體驗，同時也使得設計更加靈活和多樣化。使用這一技巧，能夠在網頁設計中添加更多的元素和創意，為用戶帶來更加豐富的瀏覽體驗。