Por que seria "auto", eu não entendi.
Por que seria "auto", eu não entendi.
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:
Após adicionar a margem, a margem ocupa todo o espaço vazio, e o elemento fica assim:
