Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Significado do valor 'auto' na Margin

Não entendi muito bem o que o valor faz na página.

  • Defini um tamanho para largura do meu bloco.
  • Defino margin-left e margin-right com value: auto

Dessa forma, as margens da direita e esquerda vão "empurrar" o meu bloco igualmente, fazendo com que ele fique centralizado. É isso?

De modo que, se eu usa-se somente o margin-left o meu bloco seria empurrado da esquerda-para-direita, dividindo a tela em 2 partes iguais. É isso?

1 resposta
solução!

Oi João, tudo bem? Vejamos.

Quando usado apenas para o lado esquerdo do elemento. O espaço que resta daquele bloco, é todo jogado para a direita do elemento. então um margin-left auto, empurra o elemento para a direito. O contrário também acontece.

Quando usamos tanto para a esquerda, quanto pra direita, o navegador vai tentar puxar para os dois lados, então isso acaba centralizando certos elementos na página.

Pegou a ideia?

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software