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;
}