隱藏滾動條并在內(nèi)容溢出時顯示滾動條蝉仇，只需要設(shè)置overflow：auto樣式即可旋讹。
隱藏滾動條只需設(shè)置overflow：hidden即可，但是這樣一來將導(dǎo)致元素內(nèi)容不可滾動轿衔。
時至今日沉迹，還沒有任何一條CSS規(guī)則可以使元素可以隱藏滾動條的同時依然可以滾動內(nèi)容，只能通過針對特定瀏覽器設(shè)置滾動條樣式來實現(xiàn)害驹。
Firefox瀏覽器
對于Firefox鞭呕，我們可以將滾動條寬度設(shè)置為none：
scrollbar-width: none; /* Firefox */
Chrome和Safari瀏覽器
對于Chrome和Safari瀏覽器，我們必須使用CSS滾動條選擇器宛官，然后使用display：none隱藏它：
::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
IE瀏覽器
對于IE葫松，我們需要使用-ms-prefix屬性定義滾動條樣式：
-ms-overflow-style: none; /* IE 10+ */
