与其他浏览器相比，IE中的显示不同

Question

其他浏览器：

IE：

CSS代码：

#headermenu { 
    clear: both; 
    width: 800px; 
    height: 70px; 
    margin-bottom: 10px;
    text-align: center;
}

#headermenu ul { 
    padding: 0 0 0 20px; 
    margin: 0 auto; 
    list-style: none;
    display: inline-block;
}

#headermenu ul li { 
    margin: 0; 
    padding: 0;
}

在IE中，它工作正常，但在其他浏览器中，它会有所不同。

Answer 1

您需要将display:inline-block应用于li元素，而不是ul。我不知道它是如何在IE中工作的，除了一般的规则，IE做得很糟糕，你碰巧遇到一个“修复”它。

此外，我会list-style-type:none;代替list-style:none，并将其应用于ul和li元素。 IE与其他人的应用方式不同，因此这涵盖了两种可能性。