2009-12-24 10:45:13

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

テーマ:CSS-float

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


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


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


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


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

↑この様な指定



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

って事を覚えておこう。



clearは「floatの解除」です

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

正確には、

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

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



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




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

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



AD
いいね!した人  |  リブログ(0)

moguさんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

最近の画像つき記事
 もっと見る >>

AD

ブログをはじめる

たくさんの芸能人・有名人が
書いているAmebaブログを
無料で簡単にはじめることができます。

公式トップブロガーへ応募

多くの方にご紹介したいブログを
執筆する方を「公式トップブロガー」
として認定しております。

芸能人・有名人ブログを開設

Amebaブログでは、芸能人・有名人ブログを
ご希望される著名人の方/事務所様を
随時募集しております。