[CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix

A new micro clearfix hack デモページ [ad#ad-2] 「clearfix」はフロートした要素が親要素からはみ出してしまうのを回避するもので、当サイトでもいくつか紹介してきました。 今回紹介するのは、スタイルシートの量を更に減らし（class名も短く）した「micro clearfix」です。 この新しいclearfixの対応ブラウザは、下記の通りです。 Firefox 2+ Safari 2+ Chrome Opera 9.27+ IE 6+, IE Mac IE6 にも対応しているのは嬉しいところです。

[z1a2nh]

micro clearfix

[d_animal141]

CSS][CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix | コリス

[mathemathiko]

新しいclearfix。スタイルシートの量がけっこう減った。CSSは面白いなあ。

[sokutou-metsu]

シンプルなclearfix

[choromo]

「clearfix」はフロートした要素が親要素からはみ出してしまうのを回避するもので、今回は、スタイルシートの量を更に減らし（class名も短く）した「micro clearfix」です。

[suikomiman]

フロート

[alphabet_h]

そろそろclearfixを使わなくてもいいようになってくれないかな('A`)

[sutanto1983]

clearfix について

[jiskay]

あわせて読みたい http://norisfactory.com/stylesheetlab/000038.php http://3ping.org/2007/05/26/1142

[glat_design]

新しいクリアフィックスの例の一つ

[a2ikm]

clearfix

[o_hiroyuki]

clearfix

[aoriikadaisuki]

CSS

[ryoota]

clearfix

[daikix]

どんどん短くなってるなぁ～。

[chapise]

スタイルシートの量を少し減らした、新しいclearfix -micro clearfix | コリス

[adsty]

「clearfix」はフロートした要素が親要素からはみ出してしまうのを回避するもの。

[an-ironic-man]

display: table;なんてあるのか

[keicin2002]

また新しいのでたか。

[mitsuoka]

IE6対応

[kuracom]

display:table;とzoom:1;が興味深い

[mikunegi]

どんどん短くなってくなあ

[yo-ill]

使ってみようっと。[CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix

[spade9970]

IE6対応

[u1tnk]

メモ

[nors]

http://nicolasgallagher.com/micro-clearfix-hack/

[teru-7]

2011年度版

[najeira]

css

[kasanka]

Mac版IEにどこまで対応するかは考える余地がありそうだけれど、使えそうだなぁ。

[hukuchosan]

まだ改良の余地あったんだなあ。