使用body元素作为页面包装器

时间:2013-07-24 08:20:41

标签: html css document-body

昨天我与同事讨论过使用body元素作为包装器来避免使用div.page-margins或div.wrapper作为body元素的直接第一个子元素。

我喜欢将body用作页面包装器,并在其上应用各种样式,如宽度,边距,位置等。 通过快速搜索,我发现这两篇博文[12]确认了我。

我的同事不喜欢这个想法,因为曾经有一些问题(IE7 +页面缩放),他们习惯在体内使用div.wrapper。

所以我的问题是:是否有任何代码特定的参数反对使用body元素作为普通的容器元素?

附录:因为我们正在为我们的前端团队定义最佳实践,我们希望摆脱一些习惯 - 并且只使用div.wrapper,因为有人习惯了这是其中一个习惯: )

2 个答案:

答案 0 :(得分:2)

除了其他人提供的背景颜色推理之外,我能想到的最好的另一种情况是,这些天需要使用包装器的是强制页脚“粘贴”到文档的末尾(当文档很短时视口的底部)。除了这些情况,我想不出包装器所需的原因。我知道我已经使用了一个包装器,只要我记得,所以你的同事很可能像我一样 - 这是一个老习惯,因为必须使用包装器以避免在老化的浏览器中呈现错误。

我想说有一个包装器仍然是最好的做法。这样,如果规范要求稍后改变以要求全窗口背景颜色或固定页脚,则不必在以后添加包装器并处理大量移动样式。毕竟,你只谈论了21个额外​​的字节...

<body><div id="body">...</div></body>

答案 1 :(得分:1)

我个人在我管理的所有网站上使用wrapper,因为这样可以让我有背景颜色,例如灰色,你可以看到here

我可以用body做这个,但是你必须用html标签而不是body标签设置背景颜色。

这里没有正确或错误的答案,这只是个人偏好,但我发现wrapper更容易,因为如果你向别人寻求帮助,他们可以更快地理解你的代码。

总之,

如果你不使用背景颜色那么应该有absolutley没有反对使用body的编码论据。

如果你使用背景颜色,那么就会有一个小的论据反对它,但它实际上只是个人的优先权。

希望这有帮助。