在每个CSS布局中添加#container，#Wrapper中的整个代码是否有用？如果没有这个额外的div，我们不能进行布局吗？使用此额外div的优缺点是什么？
这是好的做法吗？它对任何类型的设计/布局都有用吗？它在语义上是否正确？
答案 0 :(得分：6)
在每个CSS布局中的#container，＃Wrapper中添加整个代码是否有用？
除非每个布局都相同，否则每个布局都不需要它，只有当它们需要包装器/容器时才会使用。
如果没有这个额外的div，我们不能进行布局吗？
是的，你有时可以省去额外的包装div。
使用这个额外的div有什么利弊？
这完全取决于你的布局。通常采用固定宽度居中设计，包装最有意义。您还可以设置body标记的样式，但是覆盖图和其他元素可能看起来不同或根本不会完全填满屏幕。
这是好的做法吗？
是的，但仅限于布局需要它。
对任何类型的设计/布局都有用吗？
当您需要进行固定宽度的居中布局时，它通常很有用。不确定它有用的其他用途。
语义是否正确？
并非body真的非常好container或wrapper，因此添加另一个是多余的。但是，根据所需的浏览器支持或所需的布局，它在许多设计中都是必要的。如果对您的项目和布局有意义，请继续使用它。
答案 1 :(得分：0)
如果您有＆lt; div id =“container”＆gt;＆lt; div id =“Wrapper”＆gt; STUFF＆lt; / div＆gt;＆lt; / div＆gt;，那么您肯定可以简化。也许尝试将id更改为类，例如＆lt; div class =“container”＆gt;＆lt; div class =“Wrapper”＆gt;，然后在您的样式中将#container更改为.container，将#Wrapper更改为.Wrapper。
如果它仍然有效，您可以通过组合样式来删除内部div。如果这太难了（编辑样式太多），你可以简单地在一个div中加入类：＆lt; div class =“container Wrapper”＆gt; STUFF＆lt; / div＆gt ;.
答案 2 :(得分：0)
在整个页面周围放置容器div在某些情况下很有用，例如：如果你想集中所有内容，你可以将margin: 0 auto;放在容器div上并完成。话虽如此，对于每种类型的布局来说，它当然不是必需的，也不是有用的。
至于语义正确性，确定div作为body的唯一直接孩子是绝对可以的。 div标签本身没有任何语义含义，引入它的原因是能够在不滥用语义标签的情况下进行布局。