gpt4 book ai didi

html - Div 不会到达网站底部

转载 作者:行者123 更新时间:2023-11-28 05:46:23 25 4
gpt4 key购买 nike

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com