overflow

语法：

overflow：<overflow-style>{1,2}

<overflow-style> = visible | hidden | scroll | auto | no-display | no-content

默认值：visible

适用于：非置换块元素和非置换内联块元素

继承性：无

取值：

visible：
不剪切内容。
hidden：
将超出对象尺寸的内容进行裁剪，将不出现滚动条。
scroll：
将超出对象尺寸的内容进行裁剪，并以滚动条的方式显示超出的内容。
auto：
在需要时剪切内容并添加滚动条，此为body对象和textarea的默认值。
no-display：
当内容不适合当前内容盒子时，整个盒子将被移除，类似display:none。（CSS3）
no-content：
当内容不适合当前内容盒子时，整个内容被隐藏，类似visibility:hidden。（CSS3）

* CSS3新增属性可能存在描述错误及变更，仅供参考，持续更新

说明：

复合属性。检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。参阅overflow-x、overflow-y属性
  • 如果只提供一个，其作用等同于overflow-x + overflow-y。
  • 如果提供两个，第一个等同于overflow-x，第二个等同于overflow-y。
  • 对于table来说，假如table-layout属性设置为fixed，则td对象支持带有默认值为hidden的overflow属性。如果设为hidden，scroll或者auto，那么超出td尺寸的内容将被剪切。如果设为visible，将导致额外的文本溢出到右边或左边（视direction属性设置而定）的单元格。
  • 对应的脚本特性为overflow。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
较早版本 6-10 #1 4-18 #1 5.1.7 #1 13-25 #1 11.5-12.5 #1
  1. 不支持：no-display | no-content 属性值，不支持同时设置2个值的情形。

示例：