Question

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

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

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

我的页脚仍然显示在屏幕的一半，也会弄乱标题。向我出售Wordpress主题的人不愿意帮助我......

如果有人能指引我朝着正确的方向前进，那将是一个很大的帮助！

Answer 1

我认为这可以做你想要的：

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 2

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

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?

在评论中提到过，但是对于预先构建的主题来说这并不容易，因为你将与主题dev的结构作斗争。

你可以做些什么来使它变得更可忍受的是增加内容的最小高度，以便它可以假装＆＃34;页脚向下，这有它的退缩，可能意味着你的页脚是在视图端口的底部，但如果它是刺激你到那个级别。你可以试试。

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

希望有助于其他明智地将页脚粘贴到底部，如提及并始终显示，但请注意可能会丢弃移动设备，因此您需要通过媒体查询删除定位电话等。

始终在页面底部显示页脚

3 个答案: