再谈overflow:hidden和clear:both

overflow 属性规定当内容溢出元素框时产生的工作。所有主流浏览器都支撑。

我们看看代码
 <div class="a">
 <div class="a-left">我是A浮动在左边</div>
 <div class="a-right">我是B浮动在右边</div>
 </div>

样式表中设置为：

 <style type="text/css">
 div.a{border:1px solid blue;width:500px;height:30px;overflow:hidden;}
 div.a-left{width:200px;float:left;height:30px;margin-top:6px;}
 div.a-right{width:400px;float:right;height:30px;margin-top:6px;}
 </style>

我们看到：
父div设置了overflow:hidden，此时子div的宽度超出父div，则浮动在右的子div被隐蔽掉，而不是将父div程度撑开。超出的项目组就会被隐蔽----隐蔽溢出的含义。

而
clear 属性规定元素的哪一侧不容许其他浮动元素。