Div不会到达网站的底部

时间:2016-06-01 23:35:24

标签: html css

所以我正在为我的网站编码,我需要DIV来完全填充页面的高度

然而,当有人缩小时,它会像这样: http://imgur.com/0hqWl0d

我想知道是否有解决方法吗?我知道我可以使用高度:100%或者其他东西,但我更喜欢将它保持在自动状态,因为它会使网站响应。

http://hastebin.com/ikoyefumif.xml<如果你需要部分代码,就在这里。感谢。

1 个答案:

答案 0 :(得分:0)

虽然min-height: 100vh在某些情况下有效,但它根本不起作用。

使用它:

#parent {
    position: absolute;

    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

我建议您根据自己的意愿调整方向值,也可能需要更改值。

这是一个示范:https://jsfiddle.net/joshcrowe/u1wc7zcn/1/