gpt4 book ai didi

css - 如何强制我的列始终延伸到页面底部?

转载 作者:太空狗 更新时间:2023-10-29 15:06:33 26 4
gpt4 key购买 nike

我需要我的内容列在内容比视口(viewport)短时扩展到页面底部,但在内容长时仍会扩展。该列必须从页面顶部向下倾斜一点。

这是我所描述内容的 HTML:

<html>
<body>
<div id="content">
<p> asdf ghjkl </p>
</div>
</body>
</html>

这是CSS

#content {
min-height: 100%;
margin: 100px 0 0;
}

但此方法的问题是 min-height: 100%; 没有考虑填充,因此页面总是比我想要的要大。

这是我正在寻找的行为:

desiredbehavior

有没有什么方法可以不使用 Javascript 来实现这一点?

最佳答案

绝对定位可以为您做到这一点:

首先删除您的 min-heightmargin 然后将此规则应用于您的 CSS。

#content {
position: absolute;
top: 100px;
bottom: 0;
}

关于css - 如何强制我的列始终延伸到页面底部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7451801/

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