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

您是否尝试过使用：position:absolute;？

Answer 2

如果您希望将内容保持在上方，则应首先从中删除正面z-index。

Answer 3

如果你将页脚作为页面的最后一个div（可能包含在整页div中），那么尝试在你的css中设置clear属性，例如：

明确：两者;

这可以防止任何其他div落在页脚下方。

Answer 4

尝试sticky footer

定位页面的div底部并保持上面的内容

4 个答案: