CSS overflow-x属性

定义和用法

overflow-x属性指定当它在左边缘和右边缘溢出时是否剪切内容，添加滚动条或显示块级元素的溢出内容。

提示：使用overflow-y属性确定顶部和底部边缘的剪裁。

特征	说明
默认值	visible
继承	没有
动画	没有。CSS动画参考
CSS版本	CSS3
JavaScript语法	object.style.overflowX="scroll"尝试一下

表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

属性	IE/Edge	Chrome	FireFox	Safari	Opera
属性名称
overflow-x	9.0 8.0 -ms-	4.0	3.5	3.0	9.5

显示不同的overflow-x属性值：

div.ex1 {
  overflow-x: scroll;
}

div.ex2 {
  overflow-x: hidden;
}

div.ex3 {
  overflow-x: auto;
}

div.ex4 {
  overflow-x: visible;
}

尝试一下