html - 最小高度为 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 的 min-height 即 min-height:90%;

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