cssのfloat 左または右に寄せて配置する

floatプロパティは、指定された要素を左または右に寄せて配置する際に使用します。後に続く内容は、その反対側に回り込みます。

設定値:
left:左に寄せる
right:左に寄せる
none:特に配置を指定しない、初期値
inherit:継承させる

設定例1:
float:left;を指定してboxBを回り込ませます。

#divA { width:100px;height:100px;float:left; }
#divB { width:100px;height:100px;float:left; }
divA
divB

 

 

設定例2:
float:right;を指定してboxBを右に寄せて配置します。

#divA { width:100px;height:100px;float:left; }
#divB { width:100px;height:100px;float:right; }
divA
divB