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 属性