为什么页脚没有粘到底部?

时间:2014-08-22 16:48:31

标签: css css3

我注意到我无法以某种方式移除的故障,在网站的所有页面上,灰色页脚没有粘在屏幕的底部......

这是小页面:

我可以看到页脚下的空白区属于<body>标签,但我无法解决此问题。

我试过了:

position: absolute;
bottom:0;

但是没有帮助,也改变了填充,身体,内容或页脚的边距样式。

请帮助。

2 个答案:

答案 0 :(得分:3)

你似乎有一个按钮。

找到以下行:

    <button id="authorize-button" style="visibility: hidden">Authorize</button>

并将其删除,或对其采取一些措施。或许将其提升

答案 1 :(得分:1)

我发现的问题与line-height标记上设置的body属性有关。删除该属性似乎解决了这个问题。

我建议仅在必要时使用行高(例如,如果您需要在导航或内容标记中使用它,请执行此操作)。

希望有所帮助!

编辑:如果其父容器为position: absolute,则设置position: relative将起作用。

我让它像这样工作:

.b-footer {
  position: absolute;
  width: 100%;
}

并且您希望将position: relative添加到.b-content容器中,以便绝对有效。我现在看到它在Chrome中正常运行。