float
フロート(浮動化)
float: 値;
フロート(浮動化)を指定するプロパティです。
ボックスを左か右に寄せて、逆側にテキストなどを回り込ませることができます。
※回り込みを途中で解除したい場合は、後続のブロックレベル要素にclearプロパティを指定します。
float: left;
プロパティ名 | 値 | 説明 |
---|---|---|
float | none | フロートさせない (初期値) |
left | ボックスを左に配置して、後続の内容を右側に回り込ませる | |
right | ボックスを右に配置して、後続の内容を左側に回り込ませる |
.example {
width: 300px;
float: left;
}