我經常使用螢火蟲檢查網站,並注意到開發人員包裝其內容的方式存在一系列複雜性。特別關注中心對齊佈局:爲什麼包裝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或什麼?
有什麼想法?
好吧,DocType.com上沒有屬於關閉的理由,所以我不會投票結束,但如果他們被認爲是LoJ的正式成員,那麼它現在確實屬於那裏。 – EBGreen 2009-08-24 19:53:25