CSS overflow-x 属性

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

div.ex1 {
  overflow-x: scroll;
}

div.ex2 {
overflow-x: hidden;
}

div.ex3 {
  overflow-x: auto;
}

div.ex4 {
  overflow-x: visible;
}

定义和用法

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

提示：使用溢出-y属性来确定顶部和底部边缘的剪切。

默认值：	可见的
遗传：	不
可动画：	不。阅读可动画的
版本：	CSS3
JavaScript 语法：	对象.style.overflowX="scroll"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -ms- 的数字指定使用前缀的第一个版本。

Property
overflow-x	4.0	9.0 8.0 -ms-	3.5	3.0	9.5

Value	Description	Demo
visible	The content is not clipped, and it may be rendered outside the left and right edges. This is default	Demo ❯
hidden	The content is clipped - and no scrolling mechanism is provided	Demo ❯
scroll	The content is clipped and a scrolling mechanism is provided	Demo ❯
auto	Should cause a scrolling mechanism to be provided for overflowing boxes	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit