CSS中添加滾動(dòng)條可以幫助我們展示大量信息的同時(shí)，保持頁(yè)面的整潔性。下面介紹幾種方法：

1. overflow屬性

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

設(shè)置一個(gè)固定高度的容器，并將其overflow屬性設(shè)置為auto即可出現(xiàn)滾動(dòng)條。

2. webkit滾動(dòng)條

.scrollable::-webkit-scrollbar {
width: 6px;
}
.scrollable::-webkit-scrollbar-thumb {
background-color: #999;
}

這種方法使用了webkit瀏覽器提供的特定樣式，可以對(duì)滾動(dòng)條進(jìn)行自定義樣式設(shè)置。

3. 自定義滾動(dòng)條

.scrollable{
scrollbar-width: thin;
scrollbar-color: #999 transparent;
}
.scrollable::-webkit-scrollbar-thumb {
background-color: #999;
}

此方法是在2的基礎(chǔ)上進(jìn)行的進(jìn)一步自定義，可以改變滾動(dòng)條的顏色和寬度。

以上就是幾種常用的CSS中添加滾動(dòng)條的方法，根據(jù)使用場(chǎng)景進(jìn)行選擇即可。