CSS布局之——overflow

overflow属性定义了当子元素超越了包含它的元素时，子元素的显示方式。如果内容太多，overflow属性说明内容是否显示以及如何显示。

overflow属性有4个可能值：

• visible：内容未被剪切，显示在元素外；
• hidden：内容被剪切，但是浏览器不显示滚动条，无法看到剩余的内容；
• scroll：即使有足够空间显示全部内容，浏览器也显示滚动条；
• auto：如果内容太多，浏览器将显示滚动条以查看剩余内容；

下面我们就看看每个值会产生的效果：

overflow:auto;	overflow:hidden;	overflow:visible;	overflow:scroll;
所有的框模型一开始都是按文档中正常的元素流定位，而定位position属性允许我们改变这些自然的位置。	所有的框模型一开始都是按文档中正常的元素流定位，而定位position属性允许我们改变这些自然的位置。	所有的框模型一开始都是按文档中正常的元素流定位，而定位position属性允许我们改变这些自然的位置。	所有的框模型按文档中正常的元素流定位。

 

关于布局的内容基本上就这些了吧，还有一些高级的特性就需要大家自己学习积累、使用才是王道！