閱讀(53.9k) 書簽贊(7) 我要糾錯(cuò)

CSS overflow 屬性

2022-06-02 16:27 更新

實(shí)例

設(shè)置overflow屬性進(jìn)行滾動(dòng)：

div
{
width:150px;
height:150px;
overflow:scroll;
}

overflow屬性指定如果內(nèi)容溢出一個(gè)元素的框，會(huì)發(fā)生什么。

默認(rèn)值：	visible
繼承：	no
版本：	CSS2
JavaScript 語法：	object.style.overflow="scroll"

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

屬性
overflow	1.0	4.0	1.0	1.0	7.0

注意：在X Lion(Mac OS),滾動(dòng)條顯示默認(rèn)是隱藏的,只有當(dāng)被使用(即使"overflow:scroll"已設(shè)置)。

值	描述
visible	默認(rèn)值。內(nèi)容不會(huì)被修剪，會(huì)呈現(xiàn)在元素框之外。
hidden	內(nèi)容會(huì)被修剪，并且其余內(nèi)容是不可見的。
scroll	內(nèi)容會(huì)被修剪，但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。
auto	如果內(nèi)容被修剪，則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。
inherit	規(guī)定應(yīng)該從父元素繼承 overflow 屬性的值。