关于 IE6 IE7中 空div 高度却不为0的问题

在IE6/IE7/IE8(Q) 触发了 hasLayout 的空块级非替换元素的高度不是0，并且和font-size有关。

但是，即使设置了 font-size:0 也没有办法让空 DIV 的高度为 0，那要怎样才能让它的高度与其他浏览器中一致呢？

答案是：给它加一个空的没有触发hasLayout的子元素。

HTML code

<div style="zoom:1; background-color:red;">
<div></div>
</div>

或者：

HTML code

<div style="zoom:1; background-color:red;">
<!-- -->
</div>

来源：

http://topic.csdn.net/u/20100831/17/b6c8230b-ccfe-4d1c-ac70-729ef3a643a0.html