html - CSS - IE 中的填充问题？

Question

我在调整一些填充宽度时遇到问题。在 Chrome/Firefox 中，它看起来与在 Internet Explorer 中不同。在 Internet Explorer 中，它要大得多。这是

.menu ul li{
    display:inline;
    padding-right:60px;
    margin:0;
} 

为什么？

.menu{
    background-color:#000;
    height:35px;
    padding-top:15px;
    color:#fff;
    font-size:18px;
}

.menu ul{
    padding:0; 
    margin:0;
    list-style-type:none;
}

.menu ul li{
    display:inline;
    padding-right:60px;
    margin:0;
}

.menu a:link{
    color:#fff;
}

.menu a:active{
    color:#fff;
}

.menu a:hover{
    color:#fff;
}

.menu a:visited{
    color:#fff;
}

我真的希望有人能提供帮助:)

Answer 1

IE 将填充计算为高度/宽度的一部分，其他浏览器将其解释为高度/宽度加上填充。所以尽量只给出高度/宽度或填充/边距。