Html 将元素保留在页面底部

如何在页面底部保留元素

应用底部：0；这很可能是一个解决方案，但如何将其保持在底部呢

例如：

在本例中，不管浏览器大小如何，页脚div仍保留在页面底部

---

这不会将其保留在页面底部，而是将其保留在浏览器窗口的底部：

如果检查元素，您可以看到它处于绝对位置：

#footer {
-webkit-transition: .5s ease-in-out;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
min-width: 967px;
height: 60px;
background-color: #212121;
margin: 0 0 0 0;
}

要将其保持在底部，请给它一个位置：绝对；底部：0

在您的情况下，移除最小高度：100%；从html标记，使页脚粘在页面底部，而不是在底部创建更多的填充，以避免滚动页面以查看页脚

添加body{position:relative；}会将页脚添加到页面底部。

真正的原因是页脚位于页面底部是内容的高度

因此，如果您有一个内容非常少的页面，添加最小内容高度可以如下所示

<section>
main content Area

</section>

---

页脚将自动下降到屏幕底部，因为页面的长度很大。

除了询问之外，您还必须能够在其他地方找到它。尝试使用Firebug检查元素或查看其CSS。就在那里。放置在之后的将始终显示在主体之后，除非您放置某些覆盖它的元素，如果您希望div充当页脚，可以将此css添加到主体标记末尾的：div{position:absolute；right:0px；left:0px；bottom:0px；height:100px；}中的高度可以更改为首选高度。如果您希望页脚始终保持在屏幕上，请将位置：绝对更改为位置：固定看着您的小提琴，如果您希望页脚保持在屏幕上，请将位置更改为fixed@ctwheels然后，如果浏览器的高度太小，它会覆盖元素。这不会使其保持在页面底部，它保持在浏览器窗口的底部：你能发布一个你想要实现的截图吗？缩小我发给你的页面-页脚总是停留在页面底部；现在放大页面，页脚仍然位于页面底部。添加正文{position:relative；}：：这将使页脚捕捉到正文的底部，而不是HTML元素的底部。另外，这一点很好。我将用你的评论编辑我的答案。非常感谢。

section{
min-height:800px;
}