最低高度为90％？

Question

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

我目前有：

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

在我的#content div的css中。

更改为90％无效。

有没有办法做到这一点？

基本上它总是会在屏幕上运行90％，除非某些内容超过90％。

由于

Answer 1

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

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

Answer 2

你需要设置html和body来填充100％的高度，看看这个小提琴：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的最小高度，即最小高度：90％;

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