フロート解除と上マージンは一緒に指定しない! | Work Note

フロート解除と上マージンは一緒に指定しない!

フロート解除を指定した要素に、上マージンを指定しても、


上マージンが利かない(;´Д`)ノ。


----------------------------------


p {
  clear: both;
  margin-top: 10px;
}


----------------------------------

↑この様な指定



フロート解除と上マージンは一緒に指定しちゃだめ!

って事を覚えておこう。



clearは「floatの解除」です

ってのは、ほとんどの場合は正しいらしいが、

正確には、

clearは「上マージンの自動調節」

(css2.1では、上マージンが不足する場合に不足分を埋める「クリアランス」を設ける)



◎clearは、上マージンを増加させるプロパティで、上マージンの指定を上書きしちゃいます。




※てんぽさんのclearは「floatの解除」ではない を参考にさせてもらいました。

詳しく書いてあります。ありがとうございます。