1.CSSハック
次の 2 つの方法で、今日のほぼすべての HACK を解決できます。
1.!重要
IE7 の ! important のサポートにより、 ! important メソッドは IE6 の HACK のみを対象とするようになりました。 （記載上の注意：宣言した立場は事前に記載する必要があることに注意してください。）
| <スタイル> #ラッパー { 幅: 100px!重要; 幅: 80ピクセル; } </スタイル> |
2. IE6/IE77からFirefoxへ
*+html と *html は IE 固有のタグであり、Firefox ではまだサポートされていません。また、*+html は IE7 独自のタグです。
| <スタイル> #ラッパー { #wrapper {幅: 120px; *html #wrapper {幅: 80px;} *+html #wrapper { 幅: 60px;} } </スタイル> |
知らせ：
IE7 の *+html HACK では、HTML の先頭に次のステートメントがあることを確認する必要があります。
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""> |
2. フロートが閉じている (クリアフロート)
次のコードをグローバル CSS に追加し、閉じる必要がある div に class="clearfix" を追加します。これは毎回機能します。
| <スタイル> .clearfix:後 { コンテンツ："。"; 表示:ブロック; 高さ:0; クリア:両方; 可視性:非表示; } .clearfix { 表示:インラインブロック; } .clearfix {ディスプレイ:ブロック;} </スタイル> |