所以我正在编写我的网站,我需要 DIV 来完全填充页面的高度
然而当有人缩小时,它是这样的: http://imgur.com/0hqWl0d
我想知道是否有解决办法?我知道我可以使用 height: 100% 或其他设置,但我更喜欢将其设置为自动,因为它可以使网站响应。
http://hastebin.com/ikoyefumif.xml < 如果您需要部分代码,请在此处。谢谢。
最佳答案
虽然 min-height: 100vh
在某些情况下有效,但在所有情况下都无效。
尝试使用它:
#parent {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
我建议您根据自己的意愿调整方向值,并且您可能还需要更改该值。
这是一个演示:https://jsfiddle.net/joshcrowe/u1wc7zcn/1/
body {
padding: 0;
margin: 0;
}
div {
background-color: purple;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 1em;
}
<body>
<div></div>
</body>
关于html - Div 不会到达网站底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37580434/