[CSS]floatを解除する「clearfix」のIE6/7に対応した改良版

floatを解除する際にclearを使用せずに解除する「clearfix」の改良版をPerishable Pressから紹介します。

コードのキャプチャ

The New Clearfix Method

いわゆる旧タイプのclearfixはMac IEも対応ブラウザに含まれているため、スタイルシートは下記のようになります。

旧タイプのclearfix

上記のスタイルシートからMac IEの対応をはずし、新たにIE6/7へのスタイルシートを追加したものが改良版の新タイプになります。

新タイプのclearfix

IE6/7用のスタイルシートはhasLayoutの値をtrueにするものです。hasLayoutの詳しい説明は以前のエントリーを参照ください。
IEでのCSSのバグを回避するhasLayout

top of page

©2017 coliss