css - 在居中的网页中居中页面内容 div

Question

请记住，这个问题可能已经以多种形式提出。我只是似乎没有得到它。我想在一个居中的网页中居中标头、顶部导航、页面内容和页脚 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。