照旧我们看下W3C如何解释：
overflow:hidden hidden的作用
| 内容会被修剪，并且其余内容是不可见的。 |
显然它不够意思没有全部说明：
一种使用场景<div><p style="float:left;200px;"></p></div>
显然P元素浮动起来了。因此div的高度仍然是0.
我们很郁闷有时候这不是我们希望的
但是如果这样写：
<div style="overflow:hidden"><p style="float:left;200px;"></p></div>
额 div居然被撑开了。因此我觉得overflow:hidden还能够清除浮动。
这让我想到了 clear:both 的作用。
另外我需要进行一点补充：今天做的时候 发现发现 overflow：hidden在IE6,IE7下无效
其解决办法为：给最外层的div添加position:relative