clearfixハック｜CSS HappyLife

通常、floatさせている画像やボックスなどがある場合何らかの形でclearするか、その親要素にfloatを指定しないと、親要素からはみ出してしまいます。 コレはCSS2.0の仕様なんで正しい表示なんですが、どうしても親要素にfloatなどが使えず、やむなくclear:bothをbrなりdivにクラス指定して解決してたりって事があったかと思います。 IEの場合はwidth、もしくはheightを指定する事で解決できますが、コレはバグなんで他のモダンブラウザでは解決できません。 ソコでかなり便利に使えるテクニックが、clearfix。 使い方は、clearしたい親要素に下記のように記述。 div:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-hei

[sutanto1983]

css参考用

[soma1080]

clearfixハック

[t32k]

- Tags: #CSS

[cptskgj]

floatを解除するCSSハック

[scrap49]

CSS clearfix

[kasanka]

なるほど・・・！

[trick1]

個人的にはこう言うのはめんどくさいから誰かライブラリ作ってくれないかな

[hrstt]

[clearfix

[kyompi]

【css】clearfix

[webmarksjp]

webデザイン

[y-mots]

clearfixの解説。

[ilo]

float解除

[sugach2]

このCSSハックは非常に便利。まだ使ったこと無い方はお試しください。

[take0130]

css

[annchan]

clearfix

[dtsuka_hb]

通常、floatさせている画像やボックスなどがある場合何らかの形でclearするか、その親要素にfloatを指定しないと、親要素からはみ出してしまいます。

[saiten]

floatの後にbrを付けずに済む方法

[mrnoon]

ソコでかなり便利に使えるハックが、clearfixと呼ばれるハック。 使い方は、clearしたい親要素に下記のように記述。

[hiro_y]

clearfixハック、IE7にも対応。

[aeka]

floatかんれん :after

[nhiroki]

clear=bothの代わりに使える

[am11op]

知らなかった。<br clear='all' />とかもう古い

[higeorange]

float解除

[kirohia]

float の clear に関する tips

[hageatama-]

未だに clear使いこなせません。

[b-wind]

clear の為だけに要素を追加しない

[ami73]

float指定のときのハック :after

[meeeres]

IE7対応版。