Div マージンが崩れるのはなぜですか?どうすれば修正できますか?

マージンの崩壊: 詳細

このシナリオでは、div のマージンの重なりは、マージンの崩壊と呼ばれる現象に起因すると考えられます。複数のマージンが垂直に隣接する場合、最大のマージンのみが適用され、小さい方のマージンの影響が排除されます。

この場合、次の理由により div マージンが折りたたまれます:

• div 要素は隣接しており、同じブロック フォーマット コンテキスト内にあります。
• 他の要素 (ライン ボックス、パディング、ボーダーなど) は div 要素を垂直方向に分離しません。
• div 要素には両方の上部があります。

この問題を解決するには、いくつかのオプションがあります。

• 大きいマージンに合わせて小さいマージンを拡大します。
• マージンを縮小します。
• div 要素の間に追加の要素 (改行など) を導入します。

float の配置により要素が通常の配置から削除されることに注意することが重要です。フローを実現し、マージン崩壊の可能性を排除します。

以上がDiv マージンが崩れるのはなぜですか?どうすれば修正できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。