編程教程CSS overflow 屬性
CSSoverflow屬性
實例
設置overflow屬性進行滾動：
div
{
width:150px;
height:150px;
overflow:scroll;
}
{
width:150px;
height:150px;
overflow:scroll;
}
屬性定義及使用說明
overflow屬性指定如果內容溢出一個元素的框，會發生什么。
| 默認值： | visible |
|---|---|
| 繼承： | no |
| 版本： | CSS2 |
| JavaScript 語法： | object.style.overflow="scroll" |
瀏覽器支持
表格中的數字表示支持該屬性的第一個瀏覽器版本號。
| 屬性 | |||||
|---|---|---|---|---|---|
| overflow | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
注意：在X Lion(Mac OS),滾動條顯示默認是隱藏的,只有當被使用(即使"overflow:scroll"已設置)。
屬性值
| 值 | 描述 |
|---|---|
| visible | 默認值。內容不會被修剪，會呈現在元素框之外。 |
| hidden | 內容會被修剪，并且其余內容是不可見的。 |
| scroll | 內容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內容。 |
| auto | 如果內容被修剪，則瀏覽器會顯示滾動條以便查看其余的內容。 |
| inherit | 規定應該從父元素繼承 overflow 屬性的值。 |
相關文章
CSS 教程: CSS Positioning