最小高度90％？

Question

我有一个内容div。我希望它至少是屏幕的90％。

我目前有：

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

我在＃内容div的CSS

。

更改为90％无效。

有没有办法做到这一点？

本质上，它总是会在屏幕上向下运行90％，除非它使其大于90％。

感谢

Answer 1

您需要设置html和身体，填补了高度的100％，看看这个小提琴：http://jsfiddle.net/promatik/KhCb6/

html, body { 
    height: 100%; 
} 

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

Answer 2

你height:auto !important被杀死它。去掉它。另外，我建议使用这种方法：

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

Answer 3

取决于你如何打算要获得内容，可以通过让溢出的内容具有相同的背景来伪造此内容。例如：

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

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

这样，您的溢出内容将看起来像是在扩大与div。不理想，但这会得到你想要实现的。

Answer 4

您需要设置Div的最小高度，即最小高度：90％;

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