div+cssレイアウトでIE6 IE7 FFに対応したFAQ（再掲）_html/css_WEB-ITnose

IE6 IE7 FF FAQコレクションと互換性のあるすべてのブラウザに互換性があります（主にIE6 IE7 FF） height: 100px;

IE7 のみ

*+height: 100px;
IE7 と FF に共通 !重要
1. CSS の互換性

1. , ! important (あまりお勧めできません。次のいずれかを使用するのが最も安全です)

IE7 で ! important がサポートされたため、 ! important メソッドは IE6 とのみ互換性があります (記述に注意してください。宣言位置に注意してください)。事前に指定する必要があります。)

コード:

注:
*+html IE7 との互換性を確保するには、HTML の先頭に次のステートメントが必要です:

コード:


2. ユニバーサルフロートクロージャ(非常に重要です!) これを使用すると、複数の div を整列させる問題を解決できます。間隔が間違っています

float をクリアする原理については、[構造マークアップを使用せずに Float をクリアする方法] を参照してください

次のコードを Global に追加しますCSS を追加し、閉じる必要がある div に class="clearfix" を追加します。

コード: