我经常使用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还是什么?
有什么想法吗?
答案 0 :(得分:3)
因为没有一种设计适合每个人的应用。
开发人员会选择他们感到满意和有效的方式。如果我可以使用我所知道的两天(并让它跨浏览器工作)完成我的页面完成,那么我不会浪费我的时间(和我的客户的钱)尝试做99designs.com的方式并且花了一个星期。
答案 1 :(得分:1)
您可能会发现其他DIVS(如包装器和容器等)与CSS有关。 CSS框模型功能强大,但要实现某些布局,有时您需要额外的框来使用。这一切都是非常主观的,在您坐下来构建网站设计之前,您无法预先确定网站设计所需的div。在网站设计中没有一种方法或正确的方法来使用div。视觉越复杂,标记通常越复杂。你通常希望尽可能简单地保持它......但是你不能仅仅因为它而保持简单。