保證金看起來很好Firefox和Safari，但在IE中更廣泛

我得到了一個問題，我有一個內聯塊，在Safari和Firefox中顯示正確的邊距。但在IE中由於某些原因，邊距要大得多，那就是寬度在IE中要大得多。實際上IE中的整個頁面都顯示爲好像瀏覽器窗口大得多。保證金看起來很好Firefox和Safari，但在IE中更廣泛

我的CSS看起來像如下：

.wpcontainer { 
display: inline-block; 
width: 80%; 
margin-left: 10%; 
margin-right: 10%; 
padding: 1%; 
background-color: #FFFFFF; 
}

任何幫助，非常感謝！

來源

2012-08-15 Rowan

？有時可以幫助。 – 2012-08-15 11:57:48

IE的哪個版本是你遇到這個問題？ – marteljn 2012-08-15 12:01:01

看看[這篇簡短的文章]（http://www.lancelhoff.com/margin-differences-internet-explorer-and-firefox/）解決這個問題。希望它會有所幫助。 – Gunnar 2012-08-15 12:01:50

我想你應該給鏈接或整個代碼，以便我可以檢查我的電腦是什麼問題。並且在你的CSS是width 80% + margin 20% + padding 2% = 102%的問題，實際上它應該是你使用CSS復位是這樣

.wpcontainer { 
    display: inline-block; 
    width: 78%; 
    margin-left: 10%; 
    margin-right: 10%; 
    padding: 1%; 
    background-color: #FFFFFF; 
}

來源

2012-08-15 12:21:34

保證金看起來很好Firefox和Safari，但在IE中更廣泛

回答

相關問題