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 | 1.0 | 1.0 | 7.0 |
注意：在X Lion(Mac OS),滾動條顯示默認是隱藏的,只有當被使用(即使"overflow:scroll"已設置)。
屬性值
| 值 | 描述 |
|---|---|
| visible | 默認值。內容不會被修剪，會呈現在元素框之外。 |
| hidden | 內容會被修剪，並且其餘內容是不可見的。 |
| scroll | 內容會被修剪，但是流覽器會顯示滾動條以便查看其餘的內容。 |
| auto | 如果內容被修剪，則流覽器會顯示滾動條以便查看其餘的內容。 |
| inherit | 規定應該從父元素繼承 overflow 屬性的值。 |
相關文章
CSS 教學: CSS Positioning