0

有人能告诉我为什么页脚出现在页面顶部,而我看不到页眉或 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
    }

任何帮助将不胜感激。谢谢!

4

4 回答 4

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

检查更正的代码。我希望这对你有用,。

于 2013-09-16T10:01:59.760 回答
1

您正在使用position: fixed;,但您并没有说它们应该在哪里。所以它会默认在页面顶部。尝试:

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

但是 JSFiddle 可能会使您的问题更加明显。http://www.jsfiddle.net

于 2013-09-16T09:58:46.643 回答
1

你必须使用,top而不是像这样:margin-topbottommargin-bottom

#Footer {
    position:fixed;
    height: 40px
    bottom:0;
    z-index:10008;
    background:#FFF
    }
于 2013-09-16T10:00:12.300 回答
1

您的页脚是否div低于 html 代码中的其他所有内容?我认为这会成功

于 2013-09-16T15:16:13.203 回答