今天在寫網頁時遇到了一個問題，當我把頁面中的內容放在一個較小的容器中時，出現了一個奇怪的問題，頁面出現了不必要的滾輪。調查后發現是CSS的問題。

.container {
height: 300px;
overflow: auto;
}

這是我頁面中容器的CSS代碼，其中容器的高度為300px，overflow的屬性值為auto。這本應該是讓容器出現滾輪的一個常用方法，但是卻出現了不必要的滾輪。

解決辦法如下：

.container {
max-height: 300px;
overflow-y: auto;
}

修改之后，將height屬性改為max-height屬性，并將overflow改為overflow-y。原因就是當使用overflow:auto屬性時，會使元素生成橫向滾動條(horizontal)和縱向滾動條(vertical)，即使內容沒有完全填充容器也會出現。而使用overflow-x和overflow-y屬性，則可以控制出現的滾動條。

當頁面中出現類似問題時，可以根據代碼查找原因，并使用相應的屬性來解決問題。這也是前端開發中的一個重要技能。