0

これがバグなのか、それとも難解な CSS ルールがここで働いているのかはわかりません。基本的に、子要素のマージン設定は、親が子を収容するのに十分な大きさであり、マージンが完全にある場合でも、親の外側で有効になります。

これを示す小さな HTML ドキュメントを次に示します: https://gist.github.com/skid/5048988。これは Chrome 25 で発生しますが、Firefox 14 では発生しません。

4

1 に答える 1

1

@Yosyhiのコメントから:ブロックの上部と下部のマージンが1つのマージンに結合(折りたたまれ)されることがあります。このマージンのサイズは、結合されたマージンの中で最大のものです。これは、マージンの折りたたみと呼ばれる動作です。

マージンの崩壊は、次の3つの基本的なケースで発生します。

  • 隣接する兄弟
  • 親と最初/最後の子
  • 空のブロック
于 2013-02-27T16:08:27.157 に答える