それは、すべてのCSSレイアウトで、#Wrapperを#containerするのに便利ですか？

Question

これは、#container内のすべてのCSSレイアウトの#Wrapperを全体のコードを追加するのに便利ですか？私たちは、この余分なdivせずにレイアウトを作成することができませんか？この余分なdivを使用する長所と短所は何ですか？

それは良い習慣ですか？それは、デザイン/レイアウトのいずれかのタイプのために便利ですか？それは意味的に正しいですか？

Answer 1

  

これは、すべてのCSSレイアウトで、#containerに#Wrapperを全体のコードを追加するのに便利ですか？

すべてのレイアウトは、彼らがラッパー/コンテナが必要な場合にのみ、同じだった、としない限ります。

これはのすべてののレイアウトに必要とされません

  

私たちは、この余分なdiv要素なしでレイアウトを作ることができませんか？

はい、あなたは時々余分なラッパーのdivを省略することができます。

  

この余分なdiv要素を使用する長所と短所は何ですか？

これは完全にあなたのレイアウトに依存します。多くの場合、固定幅の中心のデザインで、ラッパーは、最も理にかなっています。またbodyタグのスタイルを設定することができますが、その後オーバーレイやその他の要素は完全に彼らの実装によっては、画面を埋め異なって見えるかいない可能性があります。

  

それは良い習慣ですか？

はい、しかし、レイアウトは、それを必要とする場合にのみます。

  

これは、デザイン/レイアウトのいずれかのタイプのために便利ですか？

あなたは、固定幅、中心のレイアウトを行うために必要がある場合、

これは、通常は便利です。それが役に立つ他の用途のわからない。

  

それは意味的に正しいかどうか。

本当にbodyは本当に完璧に良いcontainerまたはwrapperであるように別のものを追加することは冗長ではありません。しかし、それはブラウザの必要なサポートや必要とされているレイアウトに応じて、多くの設計では必要悪です。先に行くと、それはあなたのプロジェクトやレイアウトのために理にかなっている場合は気にせずにそれを使用します。

Answer 2

あなたが

STUFFを持っている場合は、

の、そしてきっとあなたは簡素化することができます。たぶん.Wrapperに、あなたのスタイルの変更#containerに.containerし、

のように、クラスにIDを変更してみてください、と#Wrapperます。

それはまだ動作している場合、

は、スタイルを組み合わせることにより、内側のdivを削除することができます。それは（あまりにも多くのスタイルは編集する）あまりにも難しい場合は、単に単一のdivのクラスに参加することができます。

STUFF

Answer 3

ページ全体の周りのコンテナのdivを置くことは、例えば、特定の状況において有用であり得ますあなたはすべてのものを中心にしたい場合は、あなただけのコンテナのdivにmargin: 0 auto;を置くことができますして行うこと。それは言われて、それは確かに必要でもレイアウトののすべてののタイプのために有用ではないされます。

意味論的正しさについては、必ず、divの唯一の直接の子としてbodyを持つことは絶対に大丈夫です。 divタグは、それ自体に何らかの意味論的な意味を持っていない、それが導入された非常に理由が意味タグを悪用せずにレイアウトを行うことができるようになった。