css - センタリングされた Web ページでのページ コンテンツ div のセンタリング

Question

この質問は、おそらくさまざまな形で尋ねられていることに留意してください。私はそれを取得していないようです。中央揃えの Web ページで、マストヘッド、トップ ナビゲーション、ページ コンテンツ、およびフッター div を中央に配置したいと考えています。私はこれに不慣れで、あなたが何を知っているかを蹴っています。正確に何をする必要がありますか？

Answer 1

すべての内部 div を別の div でラップします。通常、コンテナまたはラッパーと呼ばれる/分類されます。

次に、コンテナ/ラッパーに幅を設定し、マージンを「ゼロ」にします。

<div class="container">
   <!-- all of your site in here -->
</div>

.container {
width:960px;
margin:0 auto;
}

Answer 2

次のようなものを使用する必要があります。

    .wrapper{
                margin:0 auto;
                width:960px;
}

これにより、div の上部と下部の両方に 0 のマージンが設定され、左右に auto が設定されます。