保证金看起来很好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中更广泛

回答

相关问题