html - Div 不会到达网站底部

标签 html css

所以我正在编写我的网站,我需要 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/

相关文章:

javascript - 插入类列表中间

javascript 导航器对象未显示在警告框中

html - 如何让一个元素高于某个 div 但低于它的子元素?

python - 当我使用 TinyMCE 编辑器时,Django 如何处理转义?

html - 为什么我的网站图标不显示?

html - 移动每个其他对象的内联图片的边距

css - Facebook 发送按钮 - 取消按钮不起作用

css - SaSS 循环使用

html - 页脚不在页面底部,而是在背景图像的底部

jquery - 转到类(class)链接