css技巧三：浮动ie产生的双倍距离

当div浮动的时候，有时候会产生双编剧问题。这在IE6非常常见。经常出现，一行多个li浮动，在IE8、火狐等等都能一行显示，但是在IE6却有几个掉到第二行了。这有可能就是双边距，解决办法是浮动后面加个display:inline即可。
Html代码：

<ul>
    <li><a href="https://5.jimth.com">模板网</a></li>
    <li><a href="https://5.jimth.com">网站模板</a></li>
    <li><a href="https://5.jimth.com">CSS模板</a></li>
    <li><a href="https://5.jimth.com">PSD模板</a></li>
</ul>

Css代码：

<style type="text/css">
ul li{
    float:left;
    display:inline; /*使浮动忽略*/
    width:100px;
    margin:0 0 0 5px;
}    
</style>