首页 > 当li的height和line-height设为不同值的时候IE7及其他浏览器差异的解释

当li的height和line-height设为不同值的时候IE7及其他浏览器差异的解释

有朋友代码这样写的(下面是为了示例,简化代码):

<style>
li{  height:35px; line-height:43px; overflow:hidden; font-size:14px; border:1px #0CC dashed;   }
</style>
<div class="d">
    <ul>
        <li>1234</li>
        <li>1234</li>
        <li>1234</li>
        <li>1234</li>
    </ul>
</div>

结果自然就是如图(第一个是IE7,第二个是Chrome)

结果在IE7下就出问题了,比如本意是35px的高,然后ul的高应该为n个li的这个高的和(在没有边距等情况下)。如果非常浅显地所谓修复这个问题很简单。但问题是需要怎么来解释当li的height和line-height设为不同值的时候IE7及其他浏览器差异。

line-height具备一些特性,但在IE7下与其他浏览器下还是有区别的。

请问大家这个应该怎么来解释,谢谢


看看是不是跟hasLayout有关

【热门文章】
【热门文章】