Skip to Navigation | Skip to Content

Notebook

clearfix 2014

最近のHTML+CSSコーディングでもまだまだよく使われるclearfix。
その最新版(かもしれない)情報を記しておきます。
さらに新しい方法があれば追記するかもしれません。

.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}

.cf:after {
clear: both;
}

/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
*zoom: 1;
}

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

人気ブログランキング

関連記事

0 0