css - 列表不显示内联 IE？

Question

下面的代码在 firefox 中运行良好，但列表无法在 IE 中显示。

<div id="nav">
    <ul>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
    </ul>
</div>

CSS:

#nav
{
    width: 800px;
    padding: 0px; 
    margin: 0 auto; 
    list-style-type: none;  
}

#nav ul li a 
{
    font-size: 18px;    
    text-decoration: none;   
    text-align: center;  
    color: #ffffff;   
    background-color: #003366;   
    padding: 20px;
    list-style: none;
    float: left; 
    list-style-type: none; 
    line-height: 5px; 
    display: inline; 
    margin-left: 5px; 
}

#nav ul li a:hover 
{
    background-color: #ccc;
}

在 IE 中，元素符号点仍然显示吗？

Answer 1

我认为您的问题是您将 CSS 放在了#nav ul li a 上，而这应该放在#nav ul li 元素上。

检查 this article有关列表样式的非常好的解释。关于内联列表的部分您应该特别感兴趣。