Web サイトを設計するときは、さまざまなブラウザーとの CSS スタイルの互換性に注意を払う必要があります。特に、完全に p CSS を使用して設計された Web サイトの場合は、IE6 IE7 FF と CSS スタイルの互換性にさらに注意を払う必要があります。散らかる効果が現れます！
すべてのブラウザに共通
IE6 のみ
_height: 100px;
IE7 のみ
*+height: 100px; 100ピクセル！ important;
1. CSS の互換性
現在、次の 2 つの方法でほぼすべての互換性の問題を解決できます。
1、! important (あまりお勧めできません。次の方法を使用するのが最も安全です)
IE7 の ! important のサポートにより、! important メソッドは IE6 のみに対応しました (記述に注意してください。宣言位置は事前に宣言する必要があることに注意してください)。 * IE7+FF */
width: 80px; /* IE6 */
}
2、Firefox 用 IE6/IE77
*+html および * html は IE タグに固有であり、Firefox はまだサポートしていません。また、*+html は IE7 固有のタグです。
注:
*+html IE7 との互換性では HTML の先頭を確保する必要があります 次のような記述があります:
Code:
2. Universal float クロージャー (非常に重要!) これを使用すると、複数の ps が整列しているときに不正確な間隔が発生する問題を解決できます。
の原理については、 float をクリアする場合は、[構造マークアップを使用せずにフロートをクリアする方法] を参照してください。 CSS で次のコードを Global に追加します。閉じる必要がある p に class="clearfix" を追加するだけです。これは毎回機能します。
