CSS是一門用來控制網(wǎng)頁布局與樣式的語言，它可以為網(wǎng)頁添加各種各樣的樣式效果，其中之一就是自動生成滾動條。

body {
overflow: auto;
}

通過給body元素添加overflow屬性，并將其值設(shè)置為auto，即可使瀏覽器自動生成垂直滾動條。當(dāng)頁面內(nèi)容超出瀏覽器窗口的高度時，就會出現(xiàn)垂直滾動條，使用戶能夠滾動頁面以查看超出屏幕的內(nèi)容。

同樣地，我們也可以給具有固定高度和寬度的元素添加overflow屬性，以使該元素內(nèi)部的內(nèi)容滾動，而不是對整個頁面進行滾動。

.scrollable {
height: 200px;
width: 300px;
overflow: auto;
}

上述例子中，.scrollable元素具有高度200px和寬度300px，當(dāng)該元素內(nèi)部的內(nèi)容超出這個大小時，就會出現(xiàn)滾動條。用戶可以通過滾動條來滾動內(nèi)容并查看被隱藏的部分。

盡管滾動條是一項基礎(chǔ)的Web功能，但在設(shè)計可滾動的元素時，確保滾動條對布局沒有破壞，并能夠完美地適應(yīng)各種設(shè)備和屏幕尺寸是非常重要的。使用CSS自動生成滾動條可以讓我們更好地控制網(wǎng)頁的外觀和可用性。