#floatプロパティーとは!?
横並びにできるCSSに打ち込むもの
なので右寄せ、左寄せなど自分が指定した場所に移動ができる!!
#しかし、落とし穴あり😭
実際に使用すると指定した場所が「浮いて」しまい枠が小さくなり、要素が回り込むという事態に!
#その様な場合の対処法
clearfixを入れることにより解決!
↓こんな感じに!(このまま暗記してもいいとのこと!)
clearfix::after {
content: "";
clear: both;
display: block;
}
#clearfixの使い方について
floatの副作用を解決したい部分の親要素にclearfixクラスを付けるだけ!