［CSS覚書］clearfixの決定版

Clearfixについて調べてたときに、
色々な手法のClearfixの比較記事を見つけました。

★スタイルシートをめぐる冒険: clearfixの決定版を作る －モダンブラウザ編－

★clearfixはちゃんと考えられていた

で、最終的に一番理想的な表示＆シンプルな記述を実現したものは
以下ということになってました。

.clearfix:after {
	content: url(pixel.gif);
	display: block;
	clear: both;
	height: 0;
}

しかし上だとpixel画像を用意しないといけないので、
その次によいとされていた、下のを使いたいな～という気持ちが強いです・・・。

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

最近テンプレートを使うことが多いので、わざわざ記述することがあまりなかったのですが、
時間のあるときに、新しめのやつの記述がどうなってるか今度調べてみたいなと思いました。

Web制作メモCss

Posted by ponnao