关于 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