margin-bottomクロスブラウザグレイエリアのビット

Question

私はmargin-bottomをCSSとしていると、結果はブラウザ（esp lovely IE）のCSSプロパティ "Margin"に何が影響するのですか？すべてのブラウザで一貫した結果が見えるようになる前に実装されています...

Answer 1

一部のブラウザ（IE）の崩壊マージン。ボトムマージンだけでなく、トップにも影響します。

2つのスタックされた要素（両方ともマージンがmargin: 10px 0 15px;）を使用している場合は、その間に25pxのスペースがあると思うかもしれません。しかし、IEはマージンを崩壊させ、残っているものはすべて最大マージンです（上記の例では15pxです）。

ブラウザが確実に物事を表示できるようにするには、良いリセットスタイルシート（Eric Meyer'sやYUIなど）が適しています。

Answer 2

いくつかの癖を理解するために、「ボックスモデルのバグ」のようなものを探します。たいていの場合、異なるマージンを見ていると、エレメントには異なる解釈がされているパディングがあることもあります。

しかし、より詳細な情報を提供できる場合は、さらに詳しく説明できます。