FirefoxとIE6でCSSの最小の高さを設定する方法

この記事では、Firefox と IE6 で CSS の最小の高さを設定する方法を主に紹介します。必要な友達に参考にしてください。Web レイアウトでは、Firefox の CSS に遭遇します。また、IE6 の最小高さ設定の問題については、この記事で解決策を提供します。知りたい友人は参照してください

IE6 は CSS で min-height をサポートしていないため、IE6 は高さがあっても個別に設定する必要がありますIE6 では高さが固定されていますが、IE6 では高さも自動的に拡張されます。この問題は非常にわかりにくいです

#main{ 　　　　 
　　　　min-height:320px; //用于firefox 
　　　　_height:320px; //用于IE6 
}

特定の領域の最小の高さを特定の値に設定すると、Firefox、IE6、IE7 ではパフォーマンスが異なります。 min-height 値のみを設定すると、IE6 では認識されませんが、高さの値を設定すると、IE7 と Firefox では位置が固定されます。これは大きな問題です。では、さまざまなブラウザやさまざまなバージョンを調整するには、最小高さの問題をどのように解決すればよいでしょうか?

インターネットでいくつかの関連情報を検索したところ、より良い解決策がありました:

.distance { 
height:auto!important; 
height:100px; 
min-height:100px; 
}

! import (priority) タグは IE6 では認識されないため、IE6 では上記のコードは次のように理解されます:

height:100px; 
min-height:100px;

IE7 では次のようになります:

height:auto; 
min-height:100px;

ここで使用する機能は次のとおりです:

IE6 は ! important タグを認識できません;

IE6 は min-height タグを認識できません
IE6 の height タグの最終的な効果は、最小値と同等です。 IE7 および Firefox ブラウザーの height (min-height) タグで、最終的に上記の問題を解決できます。

別の方法: (理解できませんが、使用できます)

.autoheight{ min-height:200px; height:200px;} 
[class].autoheight{height:auto;}

以上がこの記事の全内容であり、皆様の学習に役立つことを願っています。 PHP中国語ウェブサイトへ！

関連する推奨事項:

Web ページの背景グラデーションを実装するための CSS の 4 つのコード設定

Webpack パッケージ化後にページ画像パスに直接アクセスするエラーを解決する方法

以上がFirefoxとIE6でCSSの最小の高さを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。