É útil para #container, #Wrapper em cada layout CSS?

Question

É útil para adicionar o código inteiro em #container, #Wrapper em cada layout CSS? não podemos fazer layout sem este div extra? Quais são prós e contras de usar este div extra?

É uma boa prática? É útil para qualquer tipo de projeto / layout? É semanticamente correto?

Answer 1

É útil para adicionar o código inteiro em #container, #Wrapper em cada layout CSS?

não seria necessário em todas disposição a menos que cada layout foi o mesmo, e só então se eles exigem um invólucro / container.

Não podemos fazer layout sem esta div extra?

Sim, às vezes você pode dispensar o div invólucro extra.

O que são prós e contras de usar este div extra?

Ele depende totalmente de seu layout. Muitas vezes, com um design largura fixa centrado, um invólucro faz mais sentido. Você também pode estilo a tag body, mas, em seguida, sobreposições e outros elementos pode parecer diferente ou não totalmente preencher a tela, dependendo de sua implementação.

É uma boa prática?

Sim, mas apenas se o layout exige.

É útil para qualquer tipo de projeto / layout?

Normalmente é útil quando você precisa fazer uma largura fixa, disposição centrada. Não tenho certeza de outros usos onde ele é útil.

É semanticamente correto?

Não é realmente como o body é realmente um perfeitamente bom container ou wrapper assim que adicionar outra é redundante. No entanto, é um mal necessário em muitos modelos, dependendo suporte ao navegador necessário ou o layout que é necessário. Vá em frente e usá-lo sem preocupação se faz sentido para o seu projeto e layout.

Answer 2

Se você tiver

MATERIAL

, então certamente você pode simplificar. Talvez tente alterar id de classe, como em

, em seguida, em sua mudança #container estilo para .container e #Wrapper para .Wrapper.

Se ele ainda funciona, você pode remover a div interna, combinando o estilo. Se isso é muito difícil (muito estilo ao editar), você pode simplesmente participar em aulas em uma única div:.

MATERIAL

Colocar um recipiente div em torno de toda a página pode ser útil em determinadas situações, por exemplo, se você quiser centro de tudo, você pode simplesmente colocar margin: 0 auto; na div recipiente e ser feito. Dito isto, ele certamente não é necessária nem útil para todas tipo de layout.

Quanto à justeza semântica, com certeza, ter um div como a criança só direta de body é absolutamente bem. A tag div não tem qualquer significado semântico e sobre si mesmo, a razão foi introduzido era para ser capaz de fazer layout sem abusar tags semânticas.

Answer 3

Colocar um recipiente div em torno de toda a página pode ser útil em determinadas situações, por exemplo, se você quiser centro de tudo, você pode simplesmente colocar margin: 0 auto; na div recipiente e ser feito. Dito isto, ele certamente não é necessária nem útil para todas tipo de layout.

Quanto à justeza semântica, com certeza, ter um div como a criança só direta de body é absolutamente bem. A tag div não tem qualquer significado semântico e sobre si mesmo, a razão foi introduzido era para ser capaz de fazer layout sem abusar tags semânticas.