Question

任何人都可以帮助我为什么页脚不会到达页面底部？

http://dev.unwaveringmedia.com/billy/

你可以看到黑色页脚后的空间。我不需要那个，并希望页脚准确定位在页面底部？

Answer 1

您有很多选择来解决此问题。

选项1

.footer-container{
    position:absolute;
    bottom:0;
}

选项2

使用粘性页脚

选项3

html, body {
      padding: 0;
      margin: 0;
      height: 100%;
}

#wrapper {
      min-height: 100%;
      position:relative;
}

#content {
      padding-bottom: 75px;   /* This value is the height of your footer */
}

.footer-container {
      position: absolute;
      width: 100%;
      bottom: 0;
      height: 75px;  /* This value is the height of your footer */
}

Answer 2

您只需要在页脚之前添加一些内容（或尝试上面列出的其他选项之一）。

我做了这个并修复了它：

在<div class="footer-container">
输入此html：<div style="min-height:500px;">test</div>

这使它正常工作。所以这应该告诉你你的问题。要么给它一个最小高度，要么只是添加你的内容（一些lorem ipsem等）或找到另一种方法来解决它。

Answer 3

试试这个

.footer-container {
    bottom: 0;
    margin: 0 auto;
    position: absolute;
    width: 100%;
}

Answer 4

你应该将.footer-container放到底部：0;和位置：绝对在底部固定页脚。

.footer-container {
    bottom: 0;
    position: absolute;
}

页脚位置问题 - CSS

4 个答案: