关于 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.youkuaiyun.com/u/20100831/17/b6c8230b-ccfe-4d1c-ac70-729ef3a643a0.html