div 和 block&inline

 

  IE6、IE7下DIV默认高度是10px,FF则为0px,如果你在页面中放置一个空的DIV的而且又没有定义它的高度的话,则IE6和IE7显示高度为10px,FF则显示为0px,

    IE6下默认的字体尺寸大致在 10px-14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 10 px 左右高度的层。

    要解决这个问题,可以强制定义该 div 的字体尺寸,或者定义 overflow 属性来限制 div 高度的自动调整。

     1、 <div style="height: 6px; font: 0px Arial;"></div> 这时DIV的高度就会变成2px,

     2、<div style="height: 6px; overflow: hidden;"></div> 就可以阻止 IE 的自作聪明。这是DIV的高度就为0px了!

原文地址:https://www.cnblogs.com/balaamwe/p/3111917.html