无法让页脚停留在页面底部

Question

让页脚停留在页面底部有很大的问题。

我决定将代码添加到pastebin：

这是css：http://pastebin.com/uf2c7jLX

这是其中一个页面：http://pastebin.com/qpwz22us

问题在网站上是一致的。我做错了什么？

例如，有时会发生这种情况，页脚会隐藏一些内容：

浏览器底部和页脚之间存在巨大差距。上图还显示页脚与内容重叠。

关于编辑：第二个不是我想要的。页脚和浏览器底部之间存在巨大差距。我希望页脚位于底部，如果内容太长而无法滚动，则在到达页面底部之前，页脚不应该可见。谢谢:)）

Answer 1

编辑：实际上我只看到了你的截图，只是将绝对定位更改为相对

更改页脚和正文的位置并从页脚中删除边距：

body{
margin: 0;
padding: 0;
/*padding-bottom: 60px;*/
width: 100%;
height: 100%;
position: relative;
}

footer{
position: relative;
background: cornflowerblue;
height: 60px;
width: 100%;

}

这是fidle http://jsfiddle.net/vFg8j/

另一个有用的资源 - 粘性页脚http://ryanfait.com/sticky-footer/