設(shè)置 overflow 屬性:
div { width:150px; height:150px;overflow:scroll;
}瀏覽器支持
所有主流瀏覽器都支持 overflow 屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
定義和用法
overflow 屬性規(guī)定當內(nèi)容溢出元素框時發(fā)生的事情。
說明
這個屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會如何處理。如果值為 scroll,不論是否需要,用戶代理都會提供一種滾動機制。因此,有可能即使元素框中可以放下所有內(nèi)容也會出現(xiàn)滾動條。
默認值: | visible |
---|---|
繼承性: | no |
版本: | CSS2 |
JavaScript 語法: | object.style.overflow="scroll" |
值 | 描述 |
---|---|
visible | 默認值。內(nèi)容不會被修剪,會呈現(xiàn)在元素框之外。 |
hidden | 內(nèi)容會被修剪,并且其余內(nèi)容是不可見的。 |
scroll | 內(nèi)容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內(nèi)容。 |
auto | 如果內(nèi)容被修剪,則瀏覽器會顯示滾動條以便查看其余的內(nèi)容。 |
inherit | 規(guī)定應(yīng)該從父元素繼承 overflow 屬性的值。 |
![]() | ![]() .. 定價:¥45 優(yōu)惠價:¥42 更多書籍 |
![]() | ![]() .. 定價:¥225 優(yōu)惠價:¥213 更多書籍 |