将页脚粘贴到页面底部

时间:2014-05-08 20:45:31

标签: css sticky-footer

我尽我所能......也许你会帮助我。 根据粘性页脚和其他类似的东西,我的容器应该是100%高度和页脚始终在页面的底部,但我什么都没得到...谢谢

我的网站 - http://mangobooking.com/

1 个答案:

答案 0 :(得分:0)

根据您的代码:a jsfiddle供您查看

.footer {
    width: 1000px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    margin: 0px auto;
    background-color: white;
    -webkit-box-shadow: 0px -4px 5px 0px rgba(50,50,50,0.1);
    -moz-box-shadow: 0px -4px 5px 0px rgba(50,50,50,0.1);
     box-shadow: 0px -4px 5px 0px rgba(50,50,50,0.1);
   -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

并且,如果您不希望它粘滞(始终粘在底部),即 - 您有一个包含更多内容的页面,您只需要在页面的末尾,只需将位置更改为绝对