設定不同 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