身体包装div真的有必要吗？

一种流行的技术来建立一套固定的居中布局是包裹在身体一切都在一个div，并设置它的一些CSS规则，例如：身体包装div真的有必要吗？

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

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

我在想，如果有一个理由来增加这个额外的包装div，因为在body作品上设置了相同的CSS规则。这是为了兼容一些浏览器或只是一个传统？

2012-01-04 stivlo

将它设置在身体上时，它在什么浏览器上工作？ – PeeHaa 2012-01-04 02:46:16

@PeeHaa一大堆，我已经测试过它在IE6，IE7，IE8，Chrome 15，Opera 11.60，Firefox 4，Firefox 8 – stivlo 2012-01-04 04:03:17

的确看起来你是对的。虽然保证金不符合你的预期。即它似乎更像填充，因为背景不适用于它并占据整个宽度。虽然不知道。 – PeeHaa 2012-01-04 15:37:48

不，您不需要使用“包装”div，因为他们看到别人这样做。就像你应该那样使用身体。在过去设置身体的CSS属性是一个问题，但不再是。

2012-01-04 02:56:16 Rob

+1;从经验你是正确的，但我很想看到有关浏览器支持的一些来源。 – You 2012-01-04 03:01:10

@你 - 我试图找到一些更权威的原因，我知道我读了一个，但这是讨论在SO之前：http://stackoverflow.com/questions/5800407/is-it-a-good-idea-to- style-the-body-tag – Rob 2012-01-04 03:05:00

请记住，你可以更进一步，并将'body，div＃wrap'转换为'html，body'。也就是说，无论你将'body'放到'html'，并且'div＃wrap'中的任何东西都会转到'body'。 – BoltClock 2012-01-04 03:12:41

它可能在某些浏览器中工作，我认为它不适用于所有浏览器。另外，在身体上设置背景，然后在包装上单独设置背景是相当常见的。

2012-01-04 02:43:16 SpoonNZ

如果您需要整个页面和居中容器的特定背景，则无法进行其他操作。它还提供了使用需要模糊整个#wrap内容的Lightbox等“图层”的方法。

2012-01-04 02:45:16

添加额外的包装可以使主体和div独立更改。

2012-01-04 02:57:16

回答