提问人：Michael 提问时间：11/12/2023 更新时间：11/12/2023 访问量：40
页脚位于顶部。有什么解决方案不添加包装器吗？[复制]
Footer is on top. Any solutions without adding a wrapper? [duplicate]
问：
如何使页脚始终压在底部？
每当我制作一个新页面但仍然没有内容时，考虑到我的页眉是固定的，我的页脚总是跳到顶部。我想摆脱这种行为。也许有一种解决方案，无需为 ，以及不被认为是坏做法的东西。如果没有这样的解决方案，请至少给出一个带有包装器/flexbox 的解决方案。
这里红色是隐藏在固定标题下的页脚：https://i.stack.imgur.com/qtVKL.png
答：
0赞
Łukasz D. Mastalerz
11/12/2023
#1
如果你有一点内容，尽量避免元素的“缩小”。
body {
display: flex;
}
Content {
flex: 1;
}
footer {
flex-shrink: 0;
}
-1赞
Michael
11/12/2023
#2
我通过添加一个包装类来解决这个问题，并指定<main>min-height: 100vh;
评论
body {min-height: 100%)body {min-height: 100vh)