0

我在一些填充的宽度上遇到了麻烦。在 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;
}

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

4

3 回答 3

3

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

于 2012-11-08T12:22:57.410 回答
1

如果你想统一 ie 的盒子模型和其他浏览器的盒子模型,你总是可以使用 box-sizing CSS3 属性。旧版本的 ie 不支持它,所以最好在 chrome、ff 等中使用边框框,而不是使用 ie 的内容框。进一步阅读看这里 - http://www.css3.info/preview/box-sizing/

于 2012-11-08T15:01:43.003 回答
0

因为即使您设置了字体样式,不同的浏览器也具有不同的字体样式。同样,即具有不同的正面尺寸。所以你可以为IE编写代码。

这里的链接可以帮助如何在 ie 中指定特定的 css。

http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

于 2012-11-08T12:20:12.143 回答