IE中li显示高度的bug

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

1
2
3
4
5
6
<style type="text/css">
li .classname {
margin: 0;
padding: 0;
}
</style>

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

1
2
3
4
5
6
7
8
<style type="text/css">
li .classname {
margin: 0;
padding: 0;
float: left;
width: 100%;
}
</style>

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