CSS2 布局 overflow

说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

语法:

overflow<overflow-style>{1,2}

<overflow-style> = visible | hidden | scroll | auto

默认值visible

取值:

visible:
不剪切内容。
hidden:
将超出对象尺寸的内容进行裁剪,将不出现滚动条。
scroll:
将超出对象尺寸的内容进行裁剪,并以滚动条的方式显示超出的内容。
auto:
在需要时剪切内容并添加滚动条,此为body对象和textarea的默认值。

说明:

检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。参阅overflow-xoverflow-y属性
  • 对于table来说,假如table-layout属性设置为fixed,则td对象支持带有默认值为hidden的overflow属性。如果设为hidden,scroll或者auto,那么超出td尺寸的内容将被剪切。如果设为visible,将导致额外的文本溢出到右边或左边(视direction属性设置而定)的单元格。
  • 对应的脚本特性为overflow

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
较早版本 6.0 4.0 5.1 13.0 11.50

示例: