使DIV高度至少与CSS中的页面一样高

Question

我有一个DIV，我想触摸屏幕的底部（出于外观原因）。有时内容足够高，但有时内容太短，DIV不会触及屏幕底部。有一个简单的解决方法吗？

Answer 1

如果您为DIV设置min-height为100％，则还需要包括：

body, html {
   height:100%
}

元素扩展到其容器的大小，因此请确保容器（作为页面本身）的高度也为100％。

Answer 2

对于稍后阅读此内容的人（就像我一样），您可以使用

min-height: 100vh;

vh单位代表视口高度，是屏幕尺寸的百分比。

Answer 3

这是做到这一点的方法：http://ryanfait.com/sticky-footer/

Answer 4

最小高度：100％

应该工作，假设它不在另一个高度设置的div中，

Answer 5

IE6修复了与Jimmeh的回答：

height: expression( this.scrollHeight < document.body.clientHeight ? "100%" : "auto" )

Answer 6

如果将div的CSS设置为position：absolute，则可以使用：

.yourDiv {
  top: 0
  bottom: 0

}