いちから始めるホームページ作成

HTML・CSSのことがよくわかる初心者から始めるホームページ制作

clear

clearとは?

clearは、floatで浮かせた状態を解除するCSSです。

clearの使い方

floatで浮かせた状態を解除する場合に使います。

どちらか片方だけ(left・right)指定して解除しても良いのですが、片方にだけfloatした場合でも両方解除(both)しても問題ありません。

floatを解除しないと、レイアウトが崩れたり、親要素の背景画像・色が表示されないなどの不具合が起きる場合がありますので、必ずclearを使って解除してあげましょう。

記述方法

clearは以下のように記述します。

左寄せ(float:left;)を解除する場合

clear:left;

右寄せ(float:right;)を解除する場合

clear:right;

左右両方のfloatを解除する場合

clear:both;
HTMLタグ
CSS
一口メモ
サンプルソース
用語集