CSS 的overflow:hidden (清除浮动)

verflow:hidden这个CSS样式是大家常用到的CSS样式，但是大多数人对这个样式的理解仅仅局限于隐藏溢出，而对于清除浮动这个含义不是很 了解。一提到清除浮动，我们就会想到另外一个CSS样式：clear:both，我相信对于这个属性的理解大家都不成问题的。

verflow:hidden清除浮动，例如如下：（样式box div是样式content div的父元素）

.box{
          background:#000;
          width:300px;
          overflow:hidden;
         }
        .content {         
          float:left;
          width:200px;
          height:200px;
          background:red;
         }

（效果图） box设置overflow:hidden，清除content的浮动，所以box的高度随content的高度变化而变化。如果box没有设置overflow:hidden，那么content的高将影响不了box的高。

     

详细地址：http://jingyan.baidu.com/article/d45ad148e2a7f969552b80ae.html?qq-pf-to=pcqq.c2c