CSS定位/調整大小困難

Question

這對於一些人來說是一個簡單的問題，所以請原諒我這樣一個基本的問題。我無法定位我的div層#section-1，基本上我希望<div>內的內容在我增加屏幕尺寸時保持原位。 Click here

我在實現這一目標方面失敗了。 我已經設置#section-1具有以下屬性：

#section-1{ 
    position: relative; 
    width: 100%; 
} 

此外，我已設置我的#wrapper爲以下：

#wrapper{ 
    max-width: 1600px; 
    min-width: 320px; 
    width: 100%; 
    margin: 0 auto; 
    position: relative; 
} 

我試圖指定＃部-1的最大寬度和應用餘量：0 auto;但是在增加屏幕尺寸時，部分1內的內容仍會移動。

有沒有人有解決方案的問題......？

Answer 1

對於寬的100像素的利潤率每側：

#section-1{ 
    position: relative; 
    margin: 0 100px; 
} 

注意這有或沒有您的包裝 - 在您的包裝大量的CSS似乎沒有必要。