Floatによるレイアウト

ボックスの回り込みを指定

プロパティ	値	備考
float	left / right	ボックスを左 / 右に寄せる

ボックスの回り込みを解除

プロパティ	値	備考
clear	left / right / both	左 / 右 / 両方の回り込みを解除

floatプロパティを使用したレイアウトでは、ボックスの幅を指定し、左に寄せるか右に寄せるかでレイアウトをします。また、回り込み終了箇所で回り込みを解除しなければなりません。

See the Pen
2−14_1 by Koji Seto (@yseseto)
on CodePen.