我该如何放置容器？

Question

例如，我制作了一个宽度为960像素的网站。我该如何使用这个宽度的容器？对此有什么规定吗？

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

更正确的是什么？

1) <div class='container'>[whole website]</div>
2) <div id='menu/header/etc'><div class='container'>[content for this block]</div></div>
3) <div id='menu/header/etc' class='container'>[content for this block]</div>

Answer 1

有两种方法可以做到：

1. <div id="container">whole website</div>
2. <header><div class="container"></div></header>

第二种方法的优点是，您可以为background: red设置header，并将其内容置于container

中心

Answer 2

我同意@magreenberg，我也会说看看Foundation，Bootstrap或Skeleton Framework这样的样板，看看他们的代码，看看他们如何格式化他们的页面

通常你得到一个容器（全宽），包装器（内容宽度如960px）和行，在这些行中你可以得到1-12的不同数量的列。

确保在您确定要验证您的HTML时确保您所写的内容在语义上正确，并检查您在不同浏览器中的页面以检查您的CSS。