ホームページ > ウェブフロントエンド > htmlチュートリアル > IE6 は min-height や max-width_html/css_WEB-ITnose などの完全なソリューションをサポートしていません

IE6 は min-height や max-width_html/css_WEB-ITnose などの完全なソリューションをサポートしていません

WBOY
リリース: 2016-06-24 12:35:00
オリジナル
1461 人が閲覧しました

またIE6です! ! !面倒な IE6 は min-height をサポートしていませんが、実際の運用では、この属性は非常に必要です。では、IE6 でどのように実装すればよいでしょうか? geniusalien が提供する完璧な解決策を参照してください:
(Geniusalien からの温かいリマインダー: この記事の min-height 操作方法は、min-width、max-width、max-height に対して試行されています。以下と同じ解決策に従ってください!)

最初の方法 方法: IE6 を使用して ! important を認識しないようにすることで、次のことを実現できます:

height:auto ! important;
height:100px;
min-height:100px;

これらの 3 つの文で、最小値を達成できます。 IE6 での高さの値は 100px になります。なぜこれがそんなに魔法なのかはわかりませんが、問題は解決します。

2 番目のメソッド: overflow:visible 属性の実装:

min-height:100px;
_height:100px;
overflow:visible;

2 番目のメソッドの説明:
min-height:100px; この文は IE7 でのものです。 FFはすでに正常に表示できています
_height:100px この文章はIE6とIE5のテストでは正常に表示されています。ただし、W3C 検証を通過できません
overflow:visible; この文は、コンテンツが 100px を超えると #test が自動的に拡張されることを示しています。
注: #test 以外のすべてが overflow:visible であることを確認する必要があります。そうしないと超過分は表示されません。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート