我無法爲主區域設置填充右側

Question

如果使用瀏覽器放大here您可以注意到只有一個填充左側，沒有任何東西位於右側邊緣（所以div「接觸」了屏幕結束）。我似乎無法解決這個問題。我嘗試應用填充權：2em到兩個身體，#page ..沒有任何運氣！

你有解決方案..？

Answer 1

您可能需要添加一個額外的conainer塊來保存您的頁面內容。你可以嘗試這樣的事情：

<div id="layout"> 
    <div id="page"> 
     <!-- Your page content here --> 
    </div> 
</div> 

新結構建成後，所產生的#layout DIV應該有主體元素的填充和一些#page風格：

#layout { 
    min-width: 1000px; 
    margin: 0 auto; 
    padding: 2em; 
} 

如果你不想改變目前的HTML結構，也有一個「髒」絕招你可以嘗試：添加一個灰色邊框的「#page」 DIV：

#page { 
    border: 2em solid #e2e2e2; 
} 

但是當你使用的東西要小心像th一樣是因爲可能有不必要的副作用。

作爲最後一點，您可能希望將主CSS文件移動到其餘樣式表之後。否則，最終你的一些樣式會被後續文件覆蓋。