TIL4 - CSS float & clear

1. CSS float

floatは「フロー」という意味で、要素を余裕を持って並べ替えたり配置したりするときによく使われる属性です.

使用方法

.img {
  float: left;
}

floatが適用されていない場合

レイアウトの一般的なプロセスは、上から順にリストされます.この状態でfloatプロパティを適用するとどうなりますか?

floatのプロパティ値

1. none

floatのデフォルト値.要素を選ばない.

2. left

要素を左に配置します.

3. right

要素を右側に配置します.