有朋友代码这样写的(下面是为了示例,简化代码):
<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有关