toc

Intro

overflow属性定义当一个块级元素溢出元素的框（它作为内容的包含块）时候，是否裁切显示。在css3中扩展了overflow属性，overflow-x属性定义了水平方向上的裁切，overflow-y定义了垂直方向上的裁切，它们的值有：

• visible：默认值，不裁切内容，也不添加滚动条，元素将被裁切为包含对象的窗口大小，且clip属性设置无效。
• auto：在需要时裁切并添加滚动条，该属性为body和textarea元素的默认值。
• hidden：不显示超出元素尺寸的内容。
• scroll：当内容超出元素尺寸时，overflow-x显示为横向滚动条。overflow-y显示为纵向滚动条。
• no-display：当内容超出显示元素的尺寸的时候不显示元素，此时类似添加了display:none的声明，未获得浏览器支持（在文章发表时，可查看demo）。
• no-content：当内容超出元素尺寸时不显示元素，此时类似添加了visibility:hidden的声明，未获得浏览器支持，（在文章发表时，可查看demo）（在文章发表时，可查看demo）。

浏览器对overflow的支持比较统一，各个浏览器（包含ie）均会按照各自的设置呈现，唯一不同的是，在ie7以下的ie浏览器当overflow-x和overflow-y分别设为visible和hidden时，浏览器均按照hidden处理。

具体可以查看demo