起きている問題

・子要素にfloatが付いている際に、画面表示をすると、親要素の高さが消えてしまう

何で？

・表示の仕方として、親要素は子要素を包み込んで表示しているので高さが出ているが、floatを付けると、「浮いている」と捉えてしまう。

＊floatは浮いているという意味

解決法

・clearプロパティを追記する

書き方

.セレクタ名 {
clear :floatが付いている位置;
}

＊clearにより、floatの浮いた状態を解除できる！

例

・float :left ;の浮きを解除したい

.セレクタ名 {
clear :left;
}