为什么包装DIV的多样性?

时间:2009-08-24 18:53:44

标签: css html internet-explorer-6

我经常使用firebug检查网站,并注意到开发人员包装内容的方式有很多复杂性。特别关注居中对齐的布局:

最简单的一点是像99designs.com这样的网站,只需将margin: 0 auto应用于body元素。

Body -> Header/Content/...

接下来,大多数其他站点都在扩展,其中stackoverflow是一个主要的例子。这些网站有一些主容器,其中标题和内容例如驻留

Body -> Container -> Header/Content/...

除此之外,还有包含多个包装的网站。通常有一个大的外包装器,它像body一样消耗整个页面,并且在其中它们具有如上例所示的中央容器。

Body -> Wrapper -> Container -> Header/Content/...

有时会定义 div,其中包含左列和右列。 Othertimes人员可以实现相同的左右列,而无需任何环绕列或内容div。

所以我的问题是,为什么不是每个人都以最简单的方式来做,例如99designs。是管理他们的造型,处理ie6还是什么?

有什么想法吗?

2 个答案:

答案 0 :(得分:3)

因为没有一种设计适合每个人的应用。

开发人员会选择他们感到满意和有效的方式。如果我可以使用我所知道的两天(并让它跨浏览器工作)完成我的页面完成,那么我不会浪费我的时间(和我的客户的钱)尝试做99designs.com的方式并且花了一个星期。

答案 1 :(得分:1)

您可能会发现其他DIVS(如包装器和容器等)与CSS有关。 CSS框模型功能强大,但要实现某些布局,有时您需要额外的框来使用。这一切都是非常主观的,在您坐下来构建网站设计之前,您无法预先确定网站设计所需的div。在网站设计中没有一种方法或正确的方法来使用div。视觉越复杂,标记通常越复杂。你通常希望尽可能简单地保持它......但是你不能仅仅因为它而保持简单。