こんにちは（・∀・）
CSSプロパティのご紹介です。今回ご紹介するCSSプロパティはclearです。
概要
clearプロパティを使用してfloatプロパティで設定した回り込みを解除します。
.sample {
clear: both;
}
適用要素
ブロックレベル要素
指定できる値
- none
- 回り込みを解除しない
- left
- 左フロートを解除
- right
- 右フロートを解除
- both
- 両方のフロートを解除
初期値
none
サンプル
HTML
<p class="demo">サンプルデモ</p>
<p class="demo">サンプルデモ</p>
<p class="demo demo2">サンプルデモ</p>
CSS
.demo {
float: left;
}
.demo2 {
clear: both;
}
Result
サンプルデモ
サンプルデモ
サンプルデモ