始终在页面底部显示页脚

Question

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

我尝试关注 this link，但似乎无法在我的网站上运行。

我在内容区底部添加了推送 div
我在 css

我的页脚仍然在屏幕上显示一半，而且标题也乱七八糟。向我出售 Wordpress 主题的人不愿意帮助我......

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

Answer 1

将以下代码添加到您的 css:

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

页脚将始终在底部。

Answer 2

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

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;
}

希望有用 ;)

Answer 3

好的，所以这里的问题是，您可以按照@Dzhambazov 建议的 position:absolute 或 position: fixed 将项目粘贴到底部，即使即使那是你内容的一半。

所以你可以选择其他替代方案，例如：How do you get the footer to stay at the bottom of a Web page?

在评论中提到，但是对于预建主题来说这不会那么容易，因为您将与主题开发者的结构作斗争。

为了让它更容易接受，您可以做的是增加内容的最小高度，使页脚 "fakes" 更靠下，这有其缺点，可能意味着您的页脚不在视口的底部，但如果它让你恼火到那个水平。你可以试试

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

希望这有助于以其他方式将页脚贴在底部并始终显示，但请注意，这可能会破坏移动设备，因此您需要通过手机等的媒体查询删除定位。

始终在页面底部显示页脚

Always display footer at the bottom of the page

html

css

sticky-footer