下面这段代码在li的float设置为left后,我们发现IE浏览器下会比火狐多出一个空格的距离。
<style type="text/css">
ul li {float:left;}
</style>
<ul>
<li><a href='#'>LINK</a></li>
<li><a href='#'>LINK</a></li>
<li><a href='#'>LINK</a></li>
<li><a href='#>LINK</a></li>
<li><a href='#'>LINK</a></li>
<li><a href='#'>LINK</a></li>
</ul>
解决方法:只要里面的a也加上float:left问题就可以解决。
<style type="text/css">
ul li {float:left;}
ul li a{float:left;}
</style>