更多 IE6 div为空高度不为0像素,Div没有内容时Div还有高度的解决办法
2014-07-15 23:02:41   来源:   浏览: 次

导读:div为空高度不为0像素,div没有内容时div还有高度的解决办法。 春哥今天在调ie6兼容性的时候发现,<div class="clear">< div>,css是: cl

div为空高度不为0像素,div没有内容时div还有高度的解决办法。

春哥今天在调ie6兼容性的时候发现,<div class="clear"></div>,css是:.clear{clear:both;width:100%;height:0},但这个div总是有20px的高度,弄了半天愣是找不出原因。

原来在ie6中,其实这个原因很简单,主要是因为div默认的时候是有继承了字体的高度,另外也继承了字体的行距。

所以我们必须根据这两项进行调整。这个问题经常出现在Ie6浏览器,其它浏览器均正常显示的。

因此在css中加入以下代码:font-size:0px; line-height:0px;

.clear{clear:both;width:100%;height:0;font-size:0;line-height:0}

ok,轻松解决div0高度问题。