css

floatのクリアについて

Webサイトを制作するにあたり、割と初歩的な話ではあるのだけど、知らないとハマってしまう話としてfloatのクリアがあると思います。
cssでfloatを指定して右や左に寄せた要素がある場合、その親要素が寄せた要素の高さを認識してくれなくなってしまい、結果レイアウトが崩れるという経験は、初心者の頃誰でも一度は経験しているのではないでしょうか?

自分もWebデザイナーとして仕事をし初めの頃ハマって、かといって教えてくれる人も居なかったのでググリまくって”clearfix”というモノの存在を知りました。その後はこの”clearfix”を当たり前の様に使っているのですが”clearfix”にも色々と意見があって、使いながら何だかモヤモヤした気持ちになったりしているのです。

(さらに…)