overflow-x

语法：

overflow-x：visible | hidden | scroll | auto | clip

默认值：visible

适用于：块容器，伸缩盒容器，grid容器

继承性：无

动画性：否

计算值：指定值

媒体：视觉

取值：

visible：
对水平方向上的溢出内容不做处理，内容可能会超出容器。
hidden：
隐藏水平方向上的溢出容器的内容且不出现滚动条。
scroll：
隐藏水平方向上的溢出容器的内容，溢出的内容可以通过滚动呈现。
auto：
当水平方向上的内容没有溢出容器时不出现滚动条，当内容溢出容器时出现滚动条，按需出现滚动条。textarea元素的overflow默认值就是auto。
clip：
与hidden一样，clip也被用来隐藏溢出容器的内容且不出现滚动条。不同的地方在于，clip是一个完全禁止滚动的容器，而hidden仍然可以通过编程机制让内容可以滚动。

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

说明：

定义了元素处理横向溢出内容的方式。参阅overflow、overflow-y属性
  • 对应的脚本特性为overflowX。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
clip 16.0 58.0 64.0 11.0 50.0 11.0 62.0 64.0

示例：