html - 页脚不再停留在页面底部

Question

我开始了一个新网站、新代码、新设计，但是页脚不会再留在页面底部。我尝试使用上一篇文章中的工作代码，但没有用，所以我想我必须创建一个新帖子。

这是我的代码: JsFidde

#footer {
width: 100%;
height: 100px;
position: relative;
bottom: 0;
right: -2px;
left: 10px;
background: red;
color: black;

如您所见，这显然不起作用，因为页脚位于页面的一半。 P.S - 那里有大量空白的原因是因为那里应该有一个图像。

如果您有任何修复，请说:)

提前致谢

独一无二

Answer 1

如果您只想要 #about-me 下的页脚，只需从 #about-me 中删除 position: absolute

第二次更新:http://jsfiddle.net/o9bbwhyc/4/

此外，您的 HTML 语法中存在错误(已在 fiddle 中修复):

<div id="slider">
<center>
...
</div>
</center>