本文不是详细介绍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和预期一样啦。