Html 具有“底部：0”CSS属性的页脚

例如，在非常大的分辨率2560x1440上，我很难在每一页的末尾粘贴一个页脚，而不显示下页边距

当用作position:absolute元素时，它可以在较小高度的页面上正常工作，例如 不幸的是，在大的页面上，页脚会停留在页面的中间：

我尝试了position:relative，结果正好相反：它在大高度页面的内容末尾显示，在小高度页面的底部保留一个边距。我可以确定一个截面最小高度，但在大的分辨率上结果会很仓促

你知道我能做什么吗？谢谢

您需要使用：

position:fixed

您的页脚将停留在视口的底部

<style>
footer
{
position:absolute;
bottom:0;
width:100%;
}
</style>

---

您必须将页脚位置设置为固定或绝对

好，因为它似乎比预期的更棘手，我别无选择，只能重新考虑显示

我使用position:fixed和bottom:0 footer将其放置在视口的最底部，无论页面有多少内容。不是客户所期望的，但这确实起到了作用

---

谢谢大家在这件事上帮助我。问题已解决。

我不希望它固定在视口底部。我需要它就在内容的末尾。然后去掉所有的定位，让页脚只是正常文档流的一部分……你设置了页脚的位置了吗？是的。页脚{background color:000！重要；padding top:10px；position:absolute！重要；margin top:20px；bottom:0；}加上这个引导类：.col-xs-12{width:100%；}我试图将width:100%直接放在footer元素中以确保它也不起作用。谢谢，但我已经尝试了display:flex，在这种情况下它根本不起作用