水平居中

Question

这是页面：http://aevm.ca/fond2.html

当我使用这个css时： 它左对齐，顶部为零

#center {
    height: 100%;
    width: 960px;
    position: absolute;
    background-color: #FF0;
    top: 0px;
    margin-right: auto;
    margin-left: auto;
    }

当我使用这个css时： 它的中心对齐，顶部是10-20像素（为什么？）

#center {
        height: 100%;
        width: 960px;
        position: relative; (the only difference)
        background-color: #FF0;
        top: 0px;
        margin-right: auto;
        margin-left: auto;
        }

我如何获得最高位置和水平中心？

Answer 1

在position: relative上使用#center。

这是源代码的第16行：

<script src="jquery.backstretch.min.js" .. ></script><br>

摆脱鬼鬼祟祟 <br>：D

Answer 2

如果排名为relative，则必须输入margin-top:0;尝试此操作;

#center {
        height: 100%;
        width: 960px;
        position: relative; (the only difference)
        background-color: #FF0;
        margin: 0 auto;
        }