マージンの相殺とHTMLの意味 | WEBデザインの教科書マージンの相殺について marginを正しく理解することで、配置がとてもスムーズに進みます。 ここではpaddingでは発生しないmarginの相殺について説明したいと思います。 フロートを掛けない流れ（normal float）でのマージンの相殺 標準の流れの中で、上から順に下へ下へと要素が配置される流れの中では、 marginの相殺は、上下のmarginが重なった場合に起こり、大きい方の値が適用されます。 .A{ margin-bottom 30px; } .B{ margin-top 50px; } 上下左右隣り合う要素で、お互いにマージンを設定していた場合、 Aの30pxのmarginは相殺され、AとBの間は50pxの距離となります。 これが何故そうなるかというと、 marginを日本語に訳したときの意味が、「最低限の距離を取なさい」なのです。 下に最低30px空けなさいという命令
