[CSS] floatプロパティでボックスの回り込む配置を指定しよう!

1.floatとは?

floatプロパティはボックスの回り込み位置を指定する際に使用します。

画像以外のボックスに指定する場合、widthプロパティも併せて指定する必要があります。

値の指定方法は以下の通りです。

{ float: 値; }

値の指定方法

2.floatの使い方

それではfloatの使い方をみていきましょう。

以下はfloatの値がleftとなっているので、左寄せになって表示されます。

.img {
 background-color: red;
 width: 200px;
 height: 200px;
 float: left;
}

他にも値を設定できるのでいろいろと試してみることをオススメします!