IE6 div高度不能为0?
很多同行都说IE6下div的高度不能为零,其实不是
IE6 下默认的字体尺寸大致在 12 - 14px 之间,当你试图定义一个高度小于这个默认值的 DIV 的时候, IE6会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:5px; 来定义了一个 DIV 的高度,实际在 IE6下显示的仍然是一个 12px 左右高度的层。
要解决这个问题,可以强制定义该 DIV 的字体尺寸,或者定义 overflow 属性来限制 DIV高度的自动调整。比如:
<div style="height:5px; font: 0px Arial;line-height:0;"></div>
或者
<div style="height:5px; overflow:hidden;"></div>
值得注意的是,设置 font-size:0 时这个容器的高度最小为 2px ,如果要设置 DIV 高度为 0 或 1px ,则需要使用overflow:hidden; 来实现
.clear{
clear:both;
height:0px;
line-height:0px;
margin:0px ;
padding:0px;
overflow:hidden;
font-size:0px;
}