css学习记录(overflow:hidden)

照旧我们看下W3C如何解释：

overflow:hidden  hidden的作用

内容会被修剪，并且其余内容是不可见的。

 

显然它不够意思没有全部说明：

一种使用场景<div><p style="float:left;width:200px;"></p></div>

显然P元素浮动起来了。因此div的高度仍然是0.

我们很郁闷有时候这不是我们希望的

但是如果这样写：

<div style="overflow:hidden"><p style="float:left;width:200px;"></p></div>

额 div居然被撑开了。因此我觉得overflow:hidden还能够清除浮动。

这让我想到了 clear:both 的作用。

 

另外我需要进行一点补充：今天做的时候 发现发现 overflow：hidden在IE6,IE7下无效

其解决办法为：给最外层的div添加position:relative