css - 水平居中

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