clearfixについて

clearfixについて説明する前に、まずはfloatについて説明します。

floatとは、指定された要素を左または右に寄せて配置するときに使うタグです。float:leftで左寄せ、float:rightで右寄せを指定します。指定された要素は浮いた状態になっているため、それを解除するのがclearfixになります。

clearfix:after{

content:"";　何もない空白

display:block;　浮いたものをブロック要素にする

overflow:hidden;　非表示にする

clear:both;　クリアにする

}

親要素にoverflow:hiddenを入力することでfloatを解除することもできます！