我有一个 DIV,我希望它能够触及屏幕底部(出于外观原因)。有时候内容足够高以达到此目的,但有时候内容太短了,这个 DIV 就无法触及屏幕底部。是否有一个简单的解决方法?
如果您将DIV的min-height设置为100%,您还需要包括:
body, html {
height:100%
}
元素会扩展到其容器的大小,因此请确保容器(即页面本身)也具有100%的高度。
如果有人在之后阅读这篇文章(就像我现在一样),你可以使用下面的方法:
min-height: 100vh;
vh
单位代表视口高度,是屏幕大小的百分比。
min-height:100%
假设没有在另一个设置了高度的 div 中,这应该可以工作。
Jimmeh的回答需要搭配IE6修复:
height: expression( this.scrollHeight < document.body.clientHeight ? "100%" : "auto" )
height: 100%
就足够了 - 如果没有隐藏溢出(或者由于任何模糊原因,高度应该是其他任何值),IE6将设置自动高度。 - Adam Kiss.yourDiv {
top: 0
bottom: 0
}