CSS定位/调整大小困难

Question

对一些人来说，这是一个简单的问题，所以请原谅我提出这样一个基本的问题。我在定位div层#section-1时遇到了问题，基本上我希望<div>中的内容在增加屏幕大小时保持原位。点击此处

我在实现这一点上失败得太惨了。我已将#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的最大宽度并应用边距：0 auto；然而，当增大屏幕尺寸时，区段-1内的内容仍然移动。

有人能解决这个问题吗。。。？

Answer 1

对于每侧100px宽的边距：

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

请注意，无论是否使用包装器，这都是有效的——包装器中的许多CSS似乎是不必要的。