昨天我和我的同事讨论了使用 body 元素作为包装器来避免像 div.page-margins 或 div.wrapper 这样的东西作为 body 元素的直接第一个子元素。
我喜欢将正文用作页面包装器，并在其上应用各种样式，例如宽度、边距、位置等。通过快速搜索，我发现了这两篇博文 [ 1 , 2 ] 证实了我的看法。
我的同事不喜欢这个想法，因为曾经有一些问题（IE7 + 页面缩放）并且他们习惯于在正文中使用 div.wrapper。
所以我的问题是：是否有任何代码特定的参数反对将 body 元素用作普通容器元素？
附录：因为我们正在为我们的前端团队定义最佳实践，所以我们想摆脱一些习惯——并且只使用 div.wrapper 因为有人习惯了这是其中一种习惯:)
除了其他人提供的背景颜色推理之外，我能想到的唯一其他情况，这些天必须有包装器是强制页脚“粘”到文档的末尾（视口底部当文档很短时）。除了这些情况，我想不出需要包装器的原因。我确实知道从我记事起我就一直在使用包装器，所以你的同事很可能像我一样 - 从需要包装器以避免在旧浏览器中呈现错误的日子以来，这是一个老习惯。
我会说拥有一个包装器仍然是最佳实践。这样，如果以后规范要求更改为需要全窗口背景颜色或固定页脚，您不必稍后添加包装器并处理大量移动样式。毕竟，你只是在谈论 21 个额外的字节......
<body><div id="body">...</div></body>
我个人wrapper在我管理的所有网站上使用，因为这使我可以拥有背景颜色，例如灰色，如您在此处看到的
我可以用 body 来做到这一点，但是你必须用 html 标签而不是 body 标签来设置背景颜色。
真的没有正确或错误的答案，这只是个人喜好，但我觉得wrapper更容易，因为如果你向某人寻求帮助，他们可以更快地理解你的代码。
综上所述，
如果您不使用背景颜色，那么应该绝对没有反对使用body.
如果您使用背景颜色，那么有一个小小的反对意见，但这实际上只是个人喜好。
希望这可以帮助。