floatプロパティ clearプロパティ

・floatプロパティ

指定した要素のボックスを左、または右に寄せて配置し、後に続く要素をその反対側にフロート(浮遊化)指定する。
このプロパティを使用する際にはwidthプロパティで幅を指定する必要がある。(画像などの置換要素に指定する場合は除く。置換要素は既にwidth幅を内包している為。)
※floatの下にはclear:both;


:left  その要素を左にフロートして配置する。後に続く要素はブロックボックスの上辺から右側に回りこませる。
:right その要素を右にフロートして配置する。後に続く要素はブロックボックスの上辺から左側に回りこませる。
:none  フロートさせない。


・clearプロパティ

floatプロパティでで指定したフロートを解除するプロパティ。

:left  左側にフロートされた要素に対する回りこみを解除。
:right 左側にフロートされた要素に対する回りこみを解除。
:both 左右にフロートされた要素に対する回りこみを解除。
:none  回り込みを解除しない。