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

body {
overflow: auto;
}

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

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

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

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

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