また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 であることを確認する必要があります。そうしないと超過分は表示されません。