皆様ご存知のclearfixについて

Posted by specterant on 2012.04.19

clearfixは、floatした際にその要素がはみ出したり、
背景を指定しているのに表示されなかったりと、
色々問題を解決してくれる優れもの。

で、私は今まで旧タイプ?のを使用していたのですが、
旧タイプ?は、Mac IEやNetScape対策のもがあったらしく
結構長いコードになっていました。

そんな訳で、最近Mac IEやNetScapeに対応しなくても
いいんでないかい…と思い、コードが短くなるなら短い方がええやん…ってことで、
これからは、下記のを使用して行きますよってことでメモ。

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	*zoom: 1;
	/*「*zoom: 1」部分は「/zoom: 1」でもOK!*/
}
詳しくは、下記の参考にさせていただいたサイトを見ていただけたらと…はい。

参考にさせていただいたサイト
いまどき ? いまさら ? clear fix のコード | ヨモツネット
clearfixを検証する – Kamurogi Blog

No comments yet.

Write a comment:

WP-SpamFree by Pole Position Marketing