2009-08-24 75 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。視覺上越複雜,標記通常越複雜。你通常希望保持儘可能簡單...但是你不能僅僅因爲保持簡單的事情。