保证金看起来很好Firefox和Safari但在IE中更广泛

Question

我遇到了一个问题，我有一个带有在Safari和Firefox中正确显示的边距的内联块。但是在IE中出于某种原因，边距要大得多，即IE中的宽度要宽得多。事实上，IE中的整个页面显示为好像浏览器窗口要大得多。

我的CSS如下所示：

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

非常感谢任何帮助！

Answer 1

我认为您应该提供链接或整个代码，以便我可以在计算机上查看问题所在。你的CSS中存在width 80% + margin 20% + padding 2% = 102%的问题，实际上应该是这样的

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