flexがあるからfloatやclearfixはいらない？ んなわきゃ無い - Webデザインの日々日記floatやclearプロパティ周りの話題が出るたびに、「flex使えばオッケーじゃん」というような声が散見されるので、「それは違う！」と強く訴えたい、というお話です。 そもそもflexはfloatの代替品ではない floatプロパティは、それを設定した要素を文字通り"浮かし"て、後続の要素を回り込ませる役割を持っています。 一方のflexの役割は"並べる"のであって、floatのように後続要素を回り込ませる機能は持ちません。 floatを使って要素を並べるのは、本来の用途から少し外れています。そのためclearfixという多少の無理をしていました。その無理のしわ寄せは、clearfixを適用した要素には、after疑似要素を利用できないところに現れます。 なお、要素を並べるには、floatの他に、 display: inline-block; display: table;とtable-
