CSS定位/调整大小的难度

Question

对某些人来说，这是一个简单的问题，请原谅我这样一个基本问题。我在定位div图层#section-1时遇到问题，基本上我希望{I}增加屏幕尺寸时<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;
}

我已尝试指定＃section-1的最大宽度并应用margin：0 auto;但是，当增加屏幕尺寸时，第1部分中的内容仍会移动。

有没有人能解决问题......？

Answer 1

对于每边100px宽的边距：

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

请注意，这可以使用或不使用您的包装器 - 包装器中的很多CSS似乎都是不必要的。