親要素にmarginがなくても、子要素にmarginがあると、結果的に親要素にmarginがあるような挙動になる

Tweet

See the Pen used child-margin by nakanishi (@nakanishi) on CodePen.

一生懸命、隣り合った親要素のマージンを調べても、何故隙間が空くのかわからない。マージンは0だ。

その場合は、子要素にマージンがついている可能性がある。いくら親要素を確認しても、子要素のマージンによって生じる親要素同士の隙間の原因はわからない。

子要素のマージンが親要素に影響があることに注意したい。