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