Question

构建集合固定居中布局的一种流行技术是将div中的所有内容包装在div中并在其上设置一些CSS规则，例如：

<body>
    <div id="wrap">
        all content here
    </div>
</body>

#wrap { width: 850px; margin: 0 auto; }

我想知道，如果有理由添加这个额外的包装div，因为在body上设置相同的CSS规则。它是为了兼容某些浏览器还是仅仅是一种传统？

Answer 1

没有。你不需要那么多使用的“包装”div，因为他们看到其他人这样做了。尽可能使用身体。在身体上设置CSS属性在过去是一个问题，但不再是。

Answer 2

它可能适用于某些浏览器，但我认为它不适用于所有浏览器。此外，在身体上设置背景是很常见的，然后在包裹上设置一个单独的背景。

Answer 3

如果您需要整个页面的特定背景和居中的容器，则不能这样做。它还提供了一种使用“图层”的方法，例如需要模糊整个#wrap内容的灯箱。

Answer 4

要添加额外的包装，可以使body和div独立更改。