DIV CSS Webページレイアウト 最小高さ(min-height)の素敵な使い方_体験交流

BOX が 2 つあると仮定すると、最小の高さは 150PX 必要です。
CSS
div.box1,div.box2{
幅: 300px;
最小高さ: 150px;
背景: #EEE;
浮動小数点: 左;
マージン-right: 20px;
}
xhtml

IE では最小高さが 150px に維持されない

最小高さは、次の最小高さに設定できます。コンテンツが小さい場合でも、BOX の高さを一定に保つことができます。

現在の影響として、IE では最小の高さが 150px に維持されません。
解決策
IE の高さを設定する
* html div.box1,* html div.box2{height: 150px;}
wellstyled.com の解決策は、CSS 属性選択属性セレクターを使用することです
div.box1,div.box2{......height: 150px;}
/* IE はこれに依存して最小の高さを維持し、それを超える場合は自動的に下方向に拡張されます*/ div[class].box1,div[class].box2{height: auto;}
/* クラス セレクター (クラス) 属性を持つ DIV オブジェクト*/
IE は当然サポートしません (Opera と Mozilla)サポート、この高さを読み取ります。該当する場合: 検索、記事、その他のページ (見つかったコンテンツが少なくてもページが短くなりすぎないように、高さは 100% 使用されません。