2014-09-13 71 views
0

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

这是我的代码: JsFidde

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

}

正如你可以看到,是显然不工作,因为页脚是半山腰页。 P.S--这个巨大的空白空间在那里的原因是因为那里有一个图像。

如果您有任何修复,那么请说:)

在先进的感谢

独特

+0

可能使用此:www.cssstickyfooter.com – acdcjunior 2014-09-13 00:32:40

+0

的粘页脚,您需要有位置:固定 – 2014-09-13 00:34:42

+0

澄清你的问题,底部是什么意思?如果您希望页脚停留在页面底部,那么只需将其作为最后一个元素。你想要一个总是停靠在视口底部的粘性页脚吗?具体来说,编辑和问题是更具体的 – Huangism 2014-09-13 00:40:29

回答

2

如果你只想#about-me下页脚,刚刚从#about-me

二去除position: absolute更新:http://jsfiddle.net/o9bbwhyc/4/

Furth呃,还有你的HTML语法错误(固定在小提琴):

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