居中頁面

Question

我的頁面居中有問題。除了左邊框和右邊框，一切都正確。我認爲問題出在border-right-width:300px; border-left-width:300px;這兩行，但我不確定是否有另一種方法來設置它。是否有另一個解決方案有一個左側和右側的邊界也是頁面的中心。有任何想法嗎？ 這裏是我的CSS：

body {  
    margin:auto; 
    padding: 0; 
    background: #FFFFFF; 
    font: 12px/1.4 Verdana, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #000000; 
    border-right-style:solid; 
    border-left-style:solid; 
    border-right-width:300px; 
    border-left-width:300px; 
    border-color:#E8E8E8; 
} 

Answer 1

您需要到中心DIV本身，這樣的事情：

div.page { 
    margin: 0 auto; 
} 

Answer 2

當您使用保證金：汽車還必須指定的寬度。我認爲你正在嘗試以身體的內容爲背景＃E8E8E8。做到這一點，而不是

body { 
    margin:auto; 
    padding: 0; 
    font: 12px/1.4 Verdana, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #000000; 
    width: 1020px; //or anything else you want 
    background:#E8E8E8; 
} 

Answer 3

你不能中心任何有沒有寬度，或者是父母與分度100％，因爲它不能涉及到任何東西。

body{ 
    width:980px; 
    height:100%: 
} 

大多數人都使用的容器或包裝：

如果你要使用你的身體，你需要這樣的事情。這給了你更多的控制權。

.container{ 
    width:980px; 
    height:100%; 
    position:relative; 
} 

，你可以看到我給容器作爲班組長和位置：相對。這使您可以在同一頁面上多次使用它。