显示：阻止IE6中的浮动

问题描述

下面的代码在Safari和Firefox中可以正常工作，但在IE6中则不能。我将include1的ѭ0包括在内。浮点在IE6中中断。有没有办法使

display:block

不浮于水面？如果我将width3的宽度包括在内，则可以使用，但是由于宽度可能有所不同，我不想为其指定宽度。 CSS：

#horNav{
    margin:0;
    padding:0;
    list-style-type:none;
    border: 0px solid #486B02;
    font-size:13px;
    font-family:Arial;
}
#horNav  li{
    float:left;
}
#horNav  li  a {
    display:block;
    color: #000;
    text-decoration: none;
    height:30px;
    line-height:30px;
    padding:0 40 0 19;
    border:solid 1px blue;
}

HTML：

<ul id=\"horNav\">
    <li><a>Menu 1</a></li>
    <li><a>Menu 2</a></li>
    <li><a>Menu 3</a></li>
    <li><a>Menu 4</a></li>
</ul>

    

解决方法

还要在

a

上加上

float: left

。这样，您就不需要在

a

上也需要

display: block;

，因为浮动元素会自动成为一个块     ,请尝试以下操作： 删除float：left; #horNav li并添加 #horNav li {display：inline-block; } 我认为您可以删除#horNav li a的行高和高度