2012-11-08 135 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/