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

来源：互联网发布：黑马餐饮软件编辑：程序博客网时间：2024/05/02 02:18

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

0 0