2012-11-08 100 views
0

我有一些填充宽度有问题。在Chrome/Firefox中,它看起来与Internet Explorer中的不同。在Internet Explorer中它要大得多。它是在IE浏览器的填充 - 填充问题?

.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; 
} 

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

+0

你可以让你的代码在小提琴/ – Selvamani

回答

1

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

1

如果要统一的,即盒模型与其他浏览器,你可以随时使用 盒大小的CSS3属性。 它在旧版本的ie中不受支持,所以最好在chrome,ff等中使用边框,而不是为ie使用内容框。 为进一步阅读看看 - http://www.css3.info/preview/box-sizing/