CSS clearプロパティとは?

CSSのclearプロパティは、要素がfloat要素の横でfloatするかどうかを制御します。左側または右側にあるfloat要素に合わせて要素を「クリア」するかどうかを指定します。具体的には、clearプロパティには次の値があります。

1. 要素の横がfloat要素でもよい
2. 左：エレメントの左側にフロートしているエレメントの後にはフロートすべきではありません。
3. 右：浮動する要素の右側には、要素を浮動させてはなりません。
4. 両者とも：要素は、左側と右側のフロート要素の後にはフロートされなくなります。

クリアの指定がある要素は、フローティング要素の下に押しやられてフローティング要素と重複しない。レイアウトの正しさや統一性を確保するためにデザインでよく使われる。