2009-08-24 78 views
4

我经常使用萤火虫检查网站,并注意到开发人员包装其内容的方式存在一系列复杂性。特别关注中心对齐布局:为什么包装DIV的多样性?

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

Body -> Header/Content/... 

下面沿着这个尺度是大多数其他网站,其中stackoverflow是一个主要的例子。这些位点具有某种主容器的,在其内报头和例如内容驻留

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

此外比这是具有多个包装站点。通常有一个大的外包装,它会像body一样消耗整个页面,并且在其内部具有上述示例中的中央容器。

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

有时 div的定义,其内有一个左和右列。不需要任何surroundnig列或内容div,Othertimes人员可以实现相同的左右列。

所以我的问题是,为什么不是每个人都这样做最简单的方式,比如在99designs中。是否管理他们的造型,处理ie6或什么?

有什么想法?

+0

好吧,DocType.com上没有属于关闭的理由,所以我不会投票结束,但如果他们被认为是LoJ的正式成员,那么它现在确实属于那里。 – EBGreen 2009-08-24 19:53:25

回答

3

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

开发人员将与他们的舒适和有效的工作。如果我可以在两天内使用我所知道的(并让它跨浏览器工作)完成我的页面,那么我不会浪费我的时间(和我的客户的钱),通过尝试99designs.com方式并花一周时间。

+0

谢谢,也许我的问题听起来很主观,但如果有任何技术上的原因我真的在寻找。 – zenna 2009-08-24 19:07:17

+0

我得到的是通常是技术原因和人员配置问题的组合。如果开发人员知道如何在技术上以某种方式完成某件事情......他们会这样做(但这种方式可能与另一位开发人员如何做到这一点不同)。 – 2009-08-24 19:20:13

1

你可能会发现像包装和容器等附加DIVS的原因与CSS有关。 CSS盒子模型功能强大,但为了达到某些布局,有时需要额外的盒子才能使用。这是非常主观的,你不能预先确定你需要的网站设计,直到你坐下来建立它。在网站设计中没有一种方法或正确的方法来使用div。视觉上越复杂,标记通常越复杂。你通常希望保持尽可能简单...但是你不能仅仅因为保持简单的事情。