css - 在页面底部放置一个 div 并将内容保留在上方

Question

我有以下 CSS，它在页面底部放置一个 div。

问:如何阻止内容在其下方流动？

#footer {
    position:fixed;
    bottom:0;
    background:url(../images/bg-footer.jpg) top;
    z-index:200;
    height:34px;
    width:100%;
    line-height:34px;
    padding:0;
    font-size:11px;
    color:#fff;
}

我无法向正文或任何内容添加填充，因为我按照本教程设置了全屏背景图像:

http://css-tricks.com/how-to-resizeable-background-image/

Answer 1

试试 sticky footer