Question

有人可以告诉我为什么页脚出现在页面顶部，我看不到页眉或LayoutDiv9？

这是我添加的第二张CSS表，第一张是自动添加的流体网格布局CSS表，我根本没有改变。

@charset "utf-8";
/* CSS Document */

#Header {
    position: fixed;
    height: 75px;
    margin-top: 0;
    width: 100%;
    z-index: 10000;
    background:#FFF
}

#LayoutDiv1 {
    position: fixed;
    height: 30px;
    margin-top: 75px;
    width: 100%;
    z-index: 10002;
    background:#FFF
}

#LayoutDiv3 {
    margin-top: 105px;
    width: 100%;
    z-index: 10004;
    background:#FFF
}

#LayoutDiv9 {
    position:fixed;
    height: 30px
    margin-bottom:40px;
    z-index:10006;
    background:#FFF
    }

#Footer {
    position:fixed;
    height: 40px
    margin-bottom:0;
    z-index:10008;
    background:#FFF
    }

非常感谢任何帮助。三江源！

Answer 1

你正在使用position: fixed;，但你不是说他们应该在哪里。所以它默认为页面顶部。尝试：

#Footer {
    position:fixed;
    height: 40px
    margin-bottom:0;
    z-index:10008;
    background:#FFF
    bottom: 0;
}

但JSFiddle可能会让你的问题变得更加明显。 http://www.jsfiddle.net

Answer 2

您必须使用top代替margin-top和bottom代替margin-bottom，如下所示：

#Footer {
    position:fixed;
    height: 40px
    bottom:0;
    z-index:10008;
    background:#FFF
    }

Answer 3

#Footer {
    position:fixed;
    height: 40px;
    bottom:0;
    margin-bottom:0;
    z-index:10008;
    background:#FFF
}

查看更正后的代码。我希望这对你有用，。

Answer 4

你的页脚div低于html代码中的其他内容吗？我认为那就是诀窍

页眉/页脚出现在错误的位置

4 个答案: