Html 始终在页面底部显示页脚

我想在页面底部相对于内容区域显示我的页脚。因此，如果我的浏览器更小或更大，它应该适应，直到内容区域停止

我试图跟随，但我似乎无法让它在我的网站上工作

• 我在内容区的底部添加了PUSH div
• 我在css中设置了正确的高度和调整

我的页脚仍然显示在我的屏幕的一半，也弄乱了标题。卖给我Wordpress主题的人不愿意帮助我

---

如果有人能指引我正确的方向，那将是一个巨大的帮助

将以下代码添加到css中：

footer{
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
}

---

页脚将始终位于底部。

我认为这可以满足您的要求：

body {
  padding-bottom: 50px;
  /* Set a padding-botton equivalent
     to the height of your footer
     this is for preventing the
     footer to be covered because
     of its z-index
  */
}
footer{
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: -999;
}

---

希望它能起作用；）

好的，这里的问题是，你可以像@Dzhambazov建议的那样，用

位置：绝对

或

位置：固定

将项目固定在底部，即使它位于内容的一半

因此，您可以选择其他备选方案，如：

在评论中提到过，但是对于一个预构建的主题来说，这并不像您要处理主题开发人员的结构那样容易

作为一个修复，您可以做的是增加内容的最小高度，使其“伪造”更向下的页脚，这有它的回缩，可能意味着您的页脚离开了视图端口的底部，但如果它是恼怒你的水平。你可以试试

#content { 
min-height: 200px;
/* forces the content block to take up space */
}

---

希望这有助于其他明智的人将页脚粘贴到前面提到的底部，并始终显示，但请注意，这可能会破坏手机，因此您需要通过手机等媒体查询删除定位。

可能重复@SleekGeek，谢谢您的帖子。我没有看到它。就我而言，我认为这个主题目前无法满足第三种选择。我有一个章节

页脚

，然后是

div=子页脚

。谢谢你的回复。这很有效，不过有一个问题。您的页脚始终显示在底部，即使您的主要内容没有完全显示。我想让它保持在页面底部，但当屏幕太小时不会向上移动（如果你知道我的意思吗？）我也会给一个+1，但你需要15次重复。我知道了，它需要z索引中的一个负号；）啊，我想你还需要别的东西，对不起，我的坏：）没问题，它总是可以帮助别人，如果我有足够的代表，我会给它一个颠簸！我需要z-index的减号！现在它可以工作了：）别忘了在身体底部有一个填充物；）