2

最小の高さが100％で、最小の高さが100％のdivを1つ作成しようとしています。

マークアップに触れることは許可されていません。純粋なCSSで行う必要があります。IE6 +でも動作する必要があるため、display：tableを使用できません。

どうすればこれを達成できますか？

現在、html、bodyをheight：100％に設定し、ラッパーをmin-height：100％に設定していますが、％を設定するには、内側のdivに高さを設定する必要があります...

この問題の最善の解決策は何ですか？

4

1 に答える 1

3

IE6をサポートする必要がある場合、min-heightはわかりません。

他のブラウザでmin-heightを使用し、条件ステートメントを追加して、IEのmin-heightではなく高さを設定できます。

IE8以降は最小の高さをサポートします。

min-heightをサポートするブラウザーの場合、実際にmin-height宣言をネストする必要はありません。外側の要素に必要なのはmin-heightだけで、内側の要素は高さを使用します。

例： http： //jsfiddle.net/dmyN6/

body, html {
    height: 100%;   
}

.a {
    min-height: 100%;   
    background-color: blue;
}

.b {
    height: 100%;
    background-color: aqua;    
}
于 2012-11-04T18:13:58.167 に答える