在開發網頁時，經常會遇到內容過多而超出元素大小的情況，這時就需要使用CSS來控制元素的顯示效果。常見的情況是讓元素出現滾動條，以便用戶可以瀏覽整個內容。

/* 給元素添加滾動條 */
.element {
overflow: auto;
/* 或 overflow: scroll; */
}

如上代碼所示，給元素設置overflow屬性為auto或scroll即可讓元素出現滾動條。兩種方式的效果基本相同，但設為auto時，只有當內容超出元素大小時才會出現滾動條，而設為scroll時，則無論內容是否超出，都會出現滾動條。

需要注意的是，滾動條的出現會占用元素的寬度和高度，因此會對整體布局造成影響，需要在設計時考慮周全。

/* 控制滾動條樣式 */
.element::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.element::-webkit-scrollbar-thumb {
background-color: #999;
}
.element::-webkit-scrollbar-track {
background-color: #eee;
}

上述代碼可以控制滾動條的樣式，通過設置::-webkit-scrollbar來指定樣式，其中包括width、height、background-color等屬性，可以根據需要來進行調整。

總的來說，在網頁開發中，滾動條是一個常見的控制元素顯示效果的方式，需要掌握其使用方法和注意事項，才能達到更好的視覺效果。