CSSの位置付け/サイズ変更の問題 - html、css、css3、media-queries

これは一部の人にとっては単純な問題なので、そのような基本的な質問は許してください。 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の最大幅を指定してmargin：0 autoを適用しようとしました。ただし、画面サイズを大きくしてもセクション1内のコンテンツは移動します。

誰かが問題の解決策を持っていますか...？

回答：

各辺の幅が100ピクセルの場合：

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

これはラッパーの有無にかかわらず動作することに注意してください-ラッパー内のCSSの多くは不要なようです。