CSSレイアウトにおける最小高さの素晴らしい使い方 - 最小高さはBOXの最小高さを設定できます。コンテンツが小さい場合、BOXの高さも一定に保つことができ、最小値を超えると自動的に下に伸びます。高さの最小値を設定できます。最小値を超えると、自動的に下方向に拡張されます。 Opera と Mozilla のみがサポートしています。IE7 もサポートを開始していますが、IE7 はテスト段階にあるなど、MS が特定のバンドルを提供しない限り、正式版が一般にリリースされるまでには時間がかかる可能性があります。オペレーティング システムでは、既存のベース (IE6 80 ～ 90%) で最小の高さを合理的かつ効果的に使用するにはどうすればよいですか?
BOX が 2 つあると仮定すると、最小の高さは 150PX 必要です。
CSS
ここに引用があります:
引用した内容は以下の通りです。 div.box1,div.box2{ xhtml |
ここに引用があります:
<div>IE では最小の高さが 150 ピクセルに維持されません</div>
<div>最小高さはBOXの最小高さを設定できます。コンテンツが少ない場合でも、BOXの高さを一定に保つことができます。</div>
現在の影響は、IE では最小の高さが 150 ピクセルに維持されないことです。
解決
IEの高さを設定する
ここに引用があります:
* html div.box1,* html div.box2{高さ: 150px;}
Wellstyled.com の解決策は、CSS 属性セレクター (属性セレクター) を使用することです。
ここに引用があります:
div.box1,div.box2{......高さ: 150px;}
/* IE はこれに依存して最小の高さを維持し、それを超える場合は自動的に下に拡張します */
div[クラス].box1,div[クラス].box2{高さ: 自動;}
/* クラスセレクター (class) 属性を持つ DIV オブジェクト */
当然のことながら、IE はこの高さの読み取りをサポートしていません。該当する場合: 検索、記事、その他のページ (見つかったコンテンツが少なくてもページが短くならないように、高さは 100% 使用されません)。