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

Question

其它浏览器：

IE：

代码：

#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不是. 我不知道它在 IE 中是如何工作的，除了 IE 做事很糟糕的一般规则，而你碰巧碰到了一个“修复”它的规则。liul

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