使用CSS限制滾動是網(wǎng)頁設計中常用的一種技巧，可以幫助我們控制網(wǎng)頁內(nèi)容的展示。要實現(xiàn)這個效果，我們可以使用CSS屬性overflow。 當我們想要限制某個元素的滾動時，可以在元素的CSS樣式中添加overflow屬性，值為auto或scroll。當值為auto時，瀏覽器會自動根據(jù)內(nèi)容決定是否允許滾動；當值為scroll時，無論內(nèi)容的長度，都會顯示滾動條，使用戶可以滾動。 下面是一個示例，在這個網(wǎng)頁中，我們使用CSS限制了頁面的滾動，只有一個元素可以滾動。

html, body {
height: 100%;
margin: 0;
padding: 0;
}
.container {
height: 100%;
display: flex;
}
.sidebar {
width: 200px;
background-color: #f1f1f1;
}
.content {
flex: 1;
overflow-y: scroll;
padding: 20px;
}

在這個示例中，我們定義了一個包含兩個元素的容器，分別是sidebar和content。其中，sidebar元素寬度固定為200px，背景色為灰色；content元素使用了flex布局，通過設置flex: 1來占據(jù)剩余的空間。 為了限制只有content元素可以滾動，我們在它的CSS樣式中添加了overflow-y: scroll屬性，表示只允許在垂直方向上滾動。其他元素則沒有設置overflow屬性，瀏覽器會自動根據(jù)內(nèi)容決定是否允許滾動。 通過這種方法，我們可以非常靈活地控制網(wǎng)頁中的滾動效果，從而更好地展示內(nèi)容。