IE下LI的3pxBUG

描述：IE下，当LI里面的内容有float属性时候，LI方会出现3px的空白

例如：

 

CSS
* {margin:0; padding:0; list-style:none; }
ul {
   width:200px;
}
li {
 width:200px;
 background-color:red;
}
.tex {
float:left;
}

HTML
<ul>
<li><div class="tex">我是LI</div></li>
<li><div class="tex">我是LI</div></li>
<li><div class="tex">我是LI</div></li>
<li><div class="tex">我是LI</div></li>
</ul>

 

IE显示下的效果

解决办法：

给li加上float，然后再加上clear

 

CSS
li {
 float:left;
 clear:left;
 width:200px;
 background-color:red;
}

 

 

转载于:https://www.cnblogs.com/flykye/archive/2008/10/04/1303721.html