在CSS中添加滾動(dòng)欄,可以通過設(shè)置overflow
屬性來實(shí)現(xiàn)。overflow
屬性指定了當(dāng)元素的內(nèi)容溢出其塊級(jí)容器時(shí)發(fā)生的事情。
overflow
屬性可以有以下值:
visible
:默認(rèn)值,內(nèi)容不會(huì)被裁剪,會(huì)呈現(xiàn)在元素框之外。
hidden
會(huì)被裁剪,并且其余部分不可見。
scroll
會(huì)被裁剪,但是瀏覽器會(huì)顯示滾動(dòng)欄,以便查看其余部分。
auto
:與scroll
類似,但是滾動(dòng)欄只在必要時(shí)出現(xiàn)。
如果你想要在CSS中添加滾動(dòng)欄,只需要將元素的overflow
屬性設(shè)置為scroll
或auto
即可。
div { height: 200px; width: 300px; overflow: auto; }
上述代碼會(huì)將一個(gè)div
元素的溢出內(nèi)容裁剪,并在必要時(shí)顯示滾動(dòng)欄,你也可以將overflow
屬性應(yīng)用于其他塊級(jí)元素,如p
、ul
等,以實(shí)現(xiàn)類似的滾動(dòng)效果。