CSS overflow 屬性

2022-06-02 16:27 更新

CSS overflow 屬性

實例

設置overflow屬性進行滾動:

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

嘗試一下 ?

屬性定義及使用說明

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

默認值: visible
繼承: no
版本: CSS2
JavaScript 語法: object.style.overflow="scroll"


瀏覽器支持

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

屬性          
overflow 1.0 4.0 1.0 1.0 7.0

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


屬性值

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


相關文章

CSS 教程: CSS Positioning

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號