首页 > 建站教程 > Div+Css >  css技巧三:浮动ie产生的双倍距离正文

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

当div浮动的时候,有时候会产生双编剧问题。这在IE6非常常见。经常出现,一行多个li浮动,在IE8、火狐等等都能一行显示,但是在IE6却有几个掉到第二行了。这有可能就是双边距,解决办法是浮动后面加个display:inline即可。
Html代码:
<ul>
    <li><a href="http://www.5imoban.net">模板网</a></li>
    <li><a href="http://www.5imoban.net">网站模板</a></li>
    <li><a href="http://www.5imoban.net">CSS模板</a></li>
    <li><a href="http://www.5imoban.net">PSD模板</a></li>
</ul>
Css代码:
<style type="text/css">
ul li{
    float:left;
    display:inline; /*使浮动忽略*/
    width:100px;
    margin:0 0 0 5px;
}    
</style>