天天看點

CSS overflow 屬性

設定不同 overflow 屬性值:

div.ex1 {

overflow: scroll;

}

div.ex2 {

overflow: hidden;

div.ex3 {

overflow: auto;

div.ex4 {

overflow: visible;

overflow屬性指定如果内容溢出一個元素的框,會發生什麼。

預設值:

visible

繼承:

no

版本:

CSS2

JavaScript 文法:

object.style.overflow="scroll"

表格中的數字表示支援該屬性的第一個浏覽器版本号。

屬性

overflow

1.0

4.0

7.0

<b>注意:</b>在X Lion(Mac OS),滾動條顯示預設是隐藏的,隻有當被使用(即使"overflow:scroll"已設定)。

描述

預設值。内容不會被修剪,會呈現在元素框之外。

hidden

内容會被修剪,并且其餘内容是不可見的。

scroll

内容會被修剪,但是浏覽器會顯示滾動條以便檢視其餘的内容。

auto

如果内容被修剪,則浏覽器會顯示滾動條以便檢視其餘的内容。

inherit

規定應該從父元素繼承 overflow 屬性的值。

CSS 教程: CSS Positioning