overflow属性 -- css属性详解系列（2）

本文不是详细介绍overflow属性的每个取值。只是对overflow的一些特殊情况坐下总结。下面这篇博文对overflow介绍的很全面，可以看看。

http://www.qianduan.net/css-overflow-property.html

下面这几个结论的测试浏览器：chrome

当overflow:visible时，尽管盒子外面的内容是可见的，内容并不会影响页面的工作流。但是这里有个特例，比如：

<div style='width:200px; height:200px;overflow:scroll'>
<div style='width:150px;height:150px;overflow:visible'>
<div style='width:400px;height:400px;background-color:red'></div>
</div>
</div>

测试结果是：



即，父节点overflow:scroll时，父节点是否出现滚动条取决于其可视区域的范围，而不是子div的大小。
html的overfow为默认值时：body的overflow无效，都为visible；html的overflow为scroll,hidden,auto时：body的overflow和预期一样啦。