gpt4 book ai didi

css - 在内容很少的页面底部强制页脚

转载 作者:技术小花猫 更新时间:2023-10-29 10:11:00 27 4
gpt4 key购买 nike

我的页面只有几行内容。我希望将页脚推到底部。

<div id="footer"></div>

我不想用

#footer
{
position:fixed;
bottom:0;
}

又名粘性页脚

如果没有 jQuery,这可能吗?

有什么建议吗?

最佳答案

Flexbox解决方案更简洁,更容易实现:

HTML

<body>
<div class="content">
content
</div>
<footer class="footer"></footer>
</body>

CSS

html, body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
.content {
flex: 1 0 auto;
}
.footer {
flex-shrink: 0;
}

只需确保将必要的 div 包装在 body 中即可。

关于css - 在内容很少的页面底部强制页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16679146/

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