マージンのマージの問題を解決する

1. 兄弟要素の余白を結合する

効果は次のようになります: (2 つの間の間隔は 150 ピクセルではなく 100 ピクセルです)

2. ネストされた要素の外側の余白を結合する

ネストされた 2 つの要素の場合、親要素にコンテンツがないか、コンテンツが子要素の背後にあり、上部のパディングと境界線がない場合は、親要素の上余白が子要素の上余白と結合され、その値は最大の上余白になり、親要素の上余白として使用されます。親要素の上余白が 0 の場合でも折りたたみが発生します。 （崩壊は垂直方向のみに発生します）

解決：

1. 親要素の 1 ピクセルの上境界線を定義します。

2. 親要素の上部に 1 ピクセルのパディングを定義します。

3. 親要素に overflow:hidden を追加します。

最初と 2 番目の方法は適切ではなく、ボックスのサイズが大きくなることに注意してください。 3 番目の方法は、あふれたコンテンツを非表示にします。これにより、ボックスのサイズは増加せず、コンテンツにも影響はありません。

要約する

上記は、マージンのマージの問題を解決する方法についてご紹介したものです。お役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。すぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。
この記事が役に立ったと思われた方は、ぜひ転載していただき、出典を明記してください。ありがとうございます!