li内的元素都浮动的话,会产生4px问题
<ul>
<li>
<span>左边</span>
<a>右边</a>
</li>
<li>
<span>左边</span>
<a>右边</a>
</li>
<li>
<span>左边</span>
<a>右边</a>
</li>
</ul>
span{
float: left;
}
a{
float: right;
}
在IE6,7下li的下面会产生4px的边距
解决方案:
*li{
vercital-align: top
}