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似乎没有必要。