CSS HappyLifeさんからの引用
通常、floatさせている画像やボックスなどがある場合何らかの形でclearするか、その親要素にfloatを指定しないと、親要素からはみ出してしまいます。コレはCSS2.0の仕様なんで正しい表示なんですが、どうしても親要素にfloatなどが使えず、やむなくclear:bothをbrなりdivにクラス指定して解決してたりって事があったかと思います。
clearfixの方法
いまだに、もうひとつ良く分からないのだけれど、次のようにすると、わざわざ新たにbrやdivを用意して「clear:both;」しなくて良いそうな。以下、コード引用。
これは、:before擬似要素、:after擬似要素を理解しておく必要がある。擬似要素というのは、要素の前後に何かしたいときに使います。
contentプロパティは、:before擬似要素や、:after擬似要素と併せて使います。引用符の中身を生成（表示）するのね。
コメント
コメントするには、サインインが必要です。
また、SPAM、誹謗中傷などの不快なコメントは、当方の判断で削除させていただきますので、予めご了承ください。
コメント入力欄