ラッパーDIVの多様性はなぜですか？

Question

私はしばしば火元爆弾を使ってサイトを検査し、開発者のコ​​ンテンツを包む方法にかなりの複雑さを感じました。中心に位置合わせされたレイアウトを特に見る：をbody要素に単に適用する99designs.comのようなサイトが最も単純な終わりにあります。

Body -> Header/Content/... 

次に、スケールに沿った他のほとんどのサイトがあり、stackoverflowが最も重要な例です。これらの部位は、ヘッダと、例えば、コンテンツがさらに、これは、複数のラッパーを持っているサイトよりも

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

に存在する内メイン容器、いくつかの種類を持っています。通常は、ページ全体をbodyのように消費する大きな外部ラッパーがあり、その中に上記の例のような中央コンテナがあります。のdivが定義されている

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

時には列、左と右の列があります、その中。それ以外の人は、サラウンドニッグの列やコンテンツdivを必要とせずに、同じ左右の列を実現します。

私の質問は、99designsなど、誰もがそれをやっているのはなぜなのでしょうか。それは彼らのスタイリングを扱うか、ie6か何かを扱うか？

どのような考えですか？

Answer 1

誰もが誰のアプリケーションにも適合しないデザインなので、

開発者は、自分が快適で何が効いているのかを検討します。私が知っているものを使って2日間でページを完成させることができれば（そしてそれはクロスブラウザで動作するようになる）、私は99designs.comのやり方をしようとして自分の時間（そして顧客のお金）を無駄にするつもりはない1週間かかります。

Answer 2

ラッパーやコンテナなどの追加のDIVSがCSSと関係している理由が分かります。 CSSボックスモデルは強力ですが、特定のレイアウトを達成するために、追加のボックスが必要になることがあります。それはすべて非常に主観的です。サイト設計に必要なdivを事前に決めておくことができます。サイトデザインでdivを使用する方法や方法はありません。視覚的に複雑になるほど、マークアップは複雑になります。あなたは一般的にそれをできるだけシンプルに保つことを望んでいます...しかし、単に理由だけを絶対的に単純に保つことはできません。