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

Question

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

Answer 1

如果为DIV设置min-height为100%,还需要包括:

body, html {
   height:100%
}

元素扩展到其容器的大小,因此请确保容器(作为页面本身)的高度也为100%.

Answer 2

对于任何读后来的人(我都是),你可以使用

min-height: 100vh;

该vh单元代表视口高度和是屏幕尺寸的百分比.

Answer 3