CSS overflow 属性
实例
显示不同的 overflow 属性值：
div.ex1 {
overflow: scroll;
}
div.ex2 {
overflow: hidden;
}
div.ex3 {
overflow: auto;
}
div.ex4 {
overflow: visible;
}
亲自试一试 »
overflow: scroll;
}
div.ex2 {
overflow: hidden;
}
div.ex3 {
overflow: auto;
}
div.ex4 {
overflow: visible;
}
定义和用法
overflow 属性指定内容溢出元素框时应发生的情况。
此属性指定当元素的内容太大而无法放入指定区域时，是剪切内容还是添加滚动条。
注释: overflow 溢出属性仅适用于具有指定高度的块元素。
| 默认值: | visible |
|---|---|
| 继承性: | no |
| 支持动画: | no. 阅读有关动画的信息 |
| 版本: | CSS2 |
| JavaScript 语法: | object.style.overflow="scroll" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| overflow | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
注释: 在 OS X Lion (on Mac) 中，滚动条在默认情况下是隐藏的，只有在使用时才会显示（即使设置了 "overflow:scroll" is set).
语法
overflow: visible|hidden|scroll|auto|initial|inherit;
属性值
| 值 | 描述 | 试一试 |
|---|---|---|
| visible | 默认值。内容不会被修剪，会呈现在元素框之外。 | 亲自试一试 » |
| hidden | 内容会被修剪，并且其余内容是不可见的。 | 亲自试一试 » |
| scroll | 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 | 亲自试一试 » |
| auto | 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 | 亲自试一试 » |
| initial | 将此属性设置为其默认值。请参阅 initial | 亲自试一试 » |
| inherit | 从其父元素继承此属性。请参阅 inherit |
相关页面
CSS 教程: CSS 溢出
CSS 教程: CSS Positioning
HTML DOM 参考手册: overflow 属性
