页脚没有停留在页面底部AGAIN

时间:2014-09-13 00:26:58

标签: html css footer

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

这是我的代码: JsFidde

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

}

正如您所看到的那样显然无效,因为页脚位于页面的一半。 P.S - 之所以存在巨大的白色空间,是因为那里有一个图像。

如果您有任何修正,请说:)

先谢谢

唯一

1 个答案:

答案 0 :(得分:2)

如果您只想在#about-me下填充页脚,只需从position: absolute

中删除#about-me

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

此外,HTML语法中存在错误(在小提琴中修复):

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