水平居中

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

在#center上使用position: relative。

這是您的源代碼第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; 
     }