css - 边距在 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;
}