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