文系未経験プログラマ

忘れてもいいように書く

clearfixについて(floatは浮くらしい・・・)

【前提知識】
.clearfix::after {
content: "";
display: block;
font-size: 0;
clear: both;
}

【本題】
・::after疑似要素を使用して、タグ内の内容の末尾にボックスを配置して高さをかくほすることにより、親要素がfloatしている子要素の高さを認識できるようにする


【感想】
・clearfixしたらなんでfloatしている奴らの高さまで分かるんでしょうか?
結局floatしてるやつらは浮いてるんだから子要素の計算はclearfixで追加されたcontent: ""のみじゃないんだろうか

・そもそも浮いているっていう説明もどうかと思う。heightの計算しきに含まれないの方が納得できる気がする。

 

【参考】

CSSの【float】についてちょっと本気出して説明してみた。 | たねっぱ!