IE中li显示高度的bug

By Sunshow on 2008-10-23

具体表现为：
当li内嵌套其他容器时，在IE下实际占用的高度(offsetHeight)会比内嵌容器的高度多出几像素，而且多出来的像素数在IE6和IE7下似乎还不太一样
此时li的样式：

<style type="text/css">
li .classname {
margin: 0;
padding: 0;
}
</style>

解决方法也很简单，只要添加float即可，在我的应用中还加了宽度，等于是变相实现了display:block的效果：

<style type="text/css">
li .classname {
   margin: 0;
   padding: 0;
   float: left;
   width: 100%;
}
</style>

参考文章：http://www.css88.com/article.asp?id=427

标签：bug, ie, li, 高度

Relatd Posts:

Posted in WebDev | Tagged bug, ie, li, 高度