html - 最小高さ90％？

Question

コンテンツ部門があります。画面の少なくとも90％にしたい。

私は現在持っています：

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

私の#contentdivのcssで。

90％に変更しても機能しませんでした。

これを行う方法はありますか？

基本的に、何かが90％より大きくならない限り、常に画面の90％下で実行されます。

ありがとう

Answer 1

あなたheight:auto !importantはそれを殺しています。それを除く。また、次の方法を使用することをお勧めします。

height:90%;
min-height:400px;

Answer 2

高さの 100% を埋めるように html と body を設定する必要があります。このフィドルを見てください: http://jsfiddle.net/promatik/KhCb6/

html, body {
    height: 100%;
}

#myDiv {
    min-height: 10px;
    height: 90%;
    background-color: #CCC;
    margin: 1px;
}

Answer 3

コンテンツの作成方法によっては、オーバーフローしたコンテンツに同じ背景を持たせることで、これを偽造することができます。例えば：

#mainDiv {
min-height: 10px;
height: 90%;
background-color: #ddd;
}

#mainDiv p {
background-color: #ddd;
}

このように、オーバーフローしたコンテンツはdivで「拡大しているように見えます」。理想的ではありませんが、これはあなたが達成しようとしていることを実現します。

Answer 4

Div の min-height、すなわち min-height:90%; を設定する必要があります。

#mainDiv {
min-height: 90%;
background-color: #ddd;
}