Ist es sinnvoll zu #container, #wrapper in jedem CSS-Layout?

Question

Ist es sinnvoll ganzen Code in #container, #Wrapper in jedem CSS-Layout hinzufügen? Können wir ohne diese zusätzlichen div machen Layout nicht? Was sind Vor- und Nachteile dieses zusätzliche div zu benutzen?

Ist es gute Praxis? Ist es sinnvoll, für jede Art von Design / Layout? Ist es semantisch korrekt?

Answer 1

  

Ist es sinnvoll ganzen Code in #container, #wrapper in jedem CSS-Layout hinzufügen?

Es wäre nicht in benötigt alle Layout, solange nicht jedes Layout war das gleiche, und auch dann nur, wenn sie einen Wrapper / Behälter benötigen.

  

Können wir nicht machen Layout ohne diese zusätzliche div?

Ja, Sie können manchmal Abgabe mit dem zusätzlichen Wrapper div.

  

Was Vor- und Nachteile sind diese zusätzliche div zu benutzen?

Es hängt ganz von Ihrem Layout. Oft mit einem festen Breite zentriertes Design, macht ein Wrapper am meisten Sinn. Sie können auch die body Tag-Stil, aber dann Overlays und andere Elemente könnten den Bildschirm je nach ihrer Implementierung anders aussehen oder nicht vollständig füllen.

  

Ist es gute Praxis?

Ja, aber nur, wenn das Layout erfordert.

  

Ist es sinnvoll, für jede Art von Design / Layout?

Es ist in der Regel hilfreich, wenn Sie eine feste Breite, zentrierte Layout zu tun. Nicht sicher von anderen Anwendungen, bei denen es ist hilfreich.

  

Ist es semantisch korrekt?

Nicht wirklich wie die body ist wirklich einen ganz guten container oder wrapper so das Hinzufügen eines anderes ist überflüssig. Allerdings ist es ein notwendiges Übel in vielen Designs im Browser-Unterstützung je benötigt oder das Layout, die benötigt wird. Gehen Sie voran und verwenden Sie es ohne Bedenken, ob es Sinn für Ihr Projekt und das Layout macht.

Answer 2

Wenn Sie

STUFF

, dann sicher können Sie vereinfachen. Vielleicht ID Klasse versuchen, zu ändern, wie in

, dann in Ihrem Stil ändern #container zu .Behälter und #wrapper zu .Wrapper.

Wenn es immer noch funktioniert, können Sie das innere div entfernen, indem Sie den Stil. Wenn das zu hart (zu viel Stil zu bearbeiten), können Sie einfach beitreten Klassen in einem einzigen div.

STUFF

Setzen eines div-Container um die ganze Seite kann in bestimmten Situationen nützlich sein, z.B. wenn Sie zum Zentrum alles wollen, können Sie einfach margin: 0 auto; auf den Container div gesetzt und durchgeführt werden. That being said, ist es sicherlich nicht erforderlich noch sinnvoll für alle Art von Layout.

In Bezug auf semantische Korrektheit, sicher, da das einzigen direkte Kind von div eine body aufweist, ist absolut in Ordnung. Ein div Tag hat keine semantische Bedeutung in und auf sich selbst, der Grund, es eingeführt wurde war in der Lage sein, das Layout zu tun, ohne semantische Tags mißbrauchen.

Answer 3

Setzen eines div-Container um die ganze Seite kann in bestimmten Situationen nützlich sein, z.B. wenn Sie zum Zentrum alles wollen, können Sie einfach margin: 0 auto; auf den Container div gesetzt und durchgeführt werden. That being said, ist es sicherlich nicht erforderlich noch sinnvoll für alle Art von Layout.

In Bezug auf semantische Korrektheit, sicher, da das einzigen direkte Kind von div eine body aufweist, ist absolut in Ordnung. Ein div Tag hat keine semantische Bedeutung in und auf sich selbst, der Grund, es eingeführt wurde war in der Lage sein, das Layout zu tun, ohne semantische Tags mißbrauchen.