<h1>見出しh1</h1> <div> <h2>見出しh2</h2> ここの文章 </div>
ここで、h2 には上マージンが指定してあるが、その他の要素のマージン・パディング・ボーダーは 0 である。要素の境界がわかりやすいように、見出しには灰色、div には黄色の背景色が指定してある。
h2 とその親の div との間でマージンが相殺され、結果として、h1 と div の間に余白ができる。
h2 とその親の div との間に余白ができるわけではないので注意。