在每个 CSS 布局#container中添加整个代码是否有用？#Wrapper如果没有这个额外的东西，我们不能做布局div吗？使用这个额外的优点和缺点是什么div？
这是好习惯吗？它对任何类型的设计/布局有用吗？它在语义上正确吗？
问问题
14947 次
3 回答
5
在每个 CSS 布局中添加#container、#Wrapper 中的整个代码是否有用？
除非每个布局都相同，否则每个布局都不需要它，并且只有当它们需要包装器/容器时。
如果没有这个额外的 div ，我们不能进行布局吗？
是的，您有时可以省去额外的包装 div。
使用这个额外的 div 有什么优点和缺点？
这完全取决于您的布局。通常采用固定宽度居中的设计，包装是最有意义的。您还可以设置body标签的样式，但是覆盖层和其他元素可能看起来不同或不会完全填满屏幕，具体取决于它们的实现。
这是好习惯吗？
是的，但前提是布局需要。
它对任何类型的设计/布局有用吗？
当您需要进行固定宽度、居中布局时，它通常很有用。不确定其他有用的用途。
它在语义上正确吗？
不是真的，因为body它真的非常好container，或者wrapper添加另一个是多余的。但是，根据所需的浏览器支持或所需的布局，它在许多设计中是必要的。如果它对您的项目和布局有意义，请继续使用它而不用担心。
于 2010-02-10T03:54:28.900 回答
1
在某些情况下，在整个页面周围放置一个容器 div 可能很有用，例如，如果您想使所有内容居中，您可以只放置margin: 0 auto;容器 div 并完成。话虽如此，对于每种类型的布局来说，它肯定不是必需的，也不是有用的。
至于语义正确性，当然，将 adiv作为唯一的直接孩子body是绝对可以的。标签本身并没有任何div语义含义，引入它的真正原因是能够在不滥用语义标签的情况下进行布局。
于 2010-02-10T03:55:34.670 回答
0
如果你有 <div id="container"><div id="Wrapper">STUFF</div></div>，那么你当然可以简化。也许尝试将 id 更改为 class，如 <div class="container"><div class="Wrapper">，然后在您的样式中将 #container 更改为 .container，将 #Wrapper 更改为 .Wrapper。
如果它仍然有效，您可以通过组合样式来删除内部 div。如果这太难（太多样式无法编辑），您可以简单地将类加入单个 div：<div class="container Wrapper">STUFF</div>。
于 2010-02-10T03:54:55.913 回答