页脚位于顶部。有没有不添加包装器的解决方案？

Question

如何让页脚始终压到底部？

每当我创建一个新页面并且仍然没有内容时，考虑到我的页眉是固定的，我的页脚总是跳到顶部。我想摆脱这种行为。也许有一个解决方案，无需添加 , 和 的包装器，以及一些不被认为是不好的做法。如果没有这样的解决方案，请至少给出一个带有包装器/弹性盒的解决方案。

这里红色是隐藏在固定标题下的页脚：

Answer 1

如果内容较少，尽量避免元素“收缩”。

body {
  display: flex;
}

Content {
  flex: 1;
}

footer {
  flex-shrink: 0;
}