概要

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

関連リンク

CSSリファレンス