1

グリッドに表示したいアイテムのリストがあります。柔軟性を維持するために、単純に要素をコンテナー内でフロートさせ、幅をパーセンテージで制御することをお勧めします。例えば：

<div style="overflow:hidden">
  <div style="float:left ; width:25%">Element 1</div>
  <div style="float:left ; width:25%">Element 2</div>
  <div style="float:left ; width:25%">Element 3</div>
  <div style="float:left ; width:25%">Element 4</div>
  <!-- etc. -->
</div>

さて、これらのセルの間にガターを入れたいと思います。繰り返しますが、これは非常に簡単です。セルにマージンまたはパディングを適用するだけです。ただし、これにより、コンテナーの端にガターができますが、これは私が望んでいるものではありません。

これを回避するために、内側のコンテナーがセルのパディングに等しい負のマージンを取得するように、2 つのコンテナーを相互に作成しました。これは、最新のブラウザーでは実際にうまく機能しますが、IE 9 以前では失敗します。私は IE 7 以前はあまり気にしませんが、IE 8 + 9 の市場シェアは依然として大きすぎて無視できません。

したがって、私の質問は次のとおりです。なぜIE 8 + 9は次のフィドルで負の水平マージンを与えないのですか(実際には垂直方向の負のマージンを与えることに注意してください-水平方向に同じことをしないだけです)。もちろん、これを修正するにはどうすればよいですか？

http://jsfiddle.net/Pd4vd/1/

4

1 に答える 1

2

このコードを of ページに置いてみてheadください：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
于 2013-07-31T22:48:07.897 に答える