CSS，頁面分辨率獨立網頁

Question

我想實現圖像上繪製的結果（紅色正方形是區域，總是固定大小，黑色正方形是屏幕）。我不知道如何做到這一點，除非這是獲得當前屏幕大小和在CSS中使用條件語句的神奇方式。謝謝！！

這裏是IMG：http://glothriel.org/uploads/layout.png

Answer 1

您可以用固定寬度的DIV做到這一點，margin: 0 auto;

div { 
    width: 500px; 
    margin: 0 auto; 
    height: 500px; 
    background: red; 
} 

DEMO