1
resposta

[Dúvida] M argin-right: auto

Por que seria "auto", eu não entendi.

1 resposta

Olá, Eric,

Quando você define a propriedade margin-right: auto em um elemento, o navegador calcula automaticamente o valor da margem direita de forma que essa margem ocupe totalmente o espaço horizontal que não está sendo utilizado por outros elementos.

Segue um exemplo: https://codepen.io/Ameto/pen/pvJRqNo

No exemplo acima, existe um quadrado vermelho de 100x100 pixels dentro de um quadrado azul de 500x500 pixels, centralizado utilizando display: flex. Clicando no botão, ele adiciona ou retira a propriedade margin-right: auto.

Utilizando a função "Inspecionar elemento" do navegador, inicialmente ele está assim: quadrado vermelho sem margem

Após adicionar a margem, a margem ocupa todo o espaço vazio, e o elemento fica assim: quadrado vermelho com margem à direita ocupando todo o espaço vazio