在页面中间的页脚

时间:2014-01-31 07:25:58

标签: css position footer

我在询问之前搜索了很多,但没有找到解决方案。我尝试了位置属性,浮动,eccetera。 我在wordpress中创建了一个网站,我必须在css记忆中改变一些我不记得的东西了。结果是页脚不会在内部流动。 我的(临时)解决方案是将#mainwrapper高度设置为3800px。这会在主页中将页脚向下推,但它仍然卡在其他页面的中间位置。 我希望页脚能够保持网站的每个内容。 你能帮我吗? 网址是www.corcianonline.it,你可以在这里注意到这个问题:http://www.corcianonline.it/raccolta-differenziata

祝你好运, 洛伦佐

1 个答案:

答案 0 :(得分:0)

您必须将位置设置为“fixed”:

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: #000;
    border: 0;
    color: #fff;
    font-size: 10px;
    font-family: Arial, Helmet, Freesans, sans-serif;    
}

固定意味着top / bottom / left / right - 属性相对于浏览器窗口,而不是父元素。 这样滚动就没关系,页脚总是停留在同一个地方。