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

Question

谁能告诉我为什么Footer出现在页面顶部，而我看不到Header或LayoutDiv9？

这是我添加的第二个 CSS 表，第一个是自动添加的 Fluid Grid Layout 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

您必须使用 top 而不是 margin-top 和 bottom 而不是 margin-bottom ，如下所示:

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