1
resposta

box-sizing: border-box

display:inline-block;
    width:100%;
    height: 600px;
    padding: 20px 0;
    box-sizing: border-box;
    border: 5px solid black;

A dúvida se refere a propriedade Box-sizing:border-box. Pelo que entendi, ela serve para quando aplicado um padding em algum elemento, a borda não sofra a alteração e fique ao redor do objeto sem "considerar" opadding. Mas não está funcionando no código acima, é um estilo para css. Algúem poderia por favor me ajudar? Obrigado

1 resposta

Fala ai Wagner, tudo bem? Na verdade a propriedade box-sizing muda como é feito o cálculo referente ao tamanho do elemento na página em relação ao tamanho do seu conteúdo + tamanho da borda + tamanho dos espaçamentos internos.

Quando a gente muda para border-box estamos dizendo para que o calculo do tamanho do elemento leve em consideração a borda e espaço interno.

Espero ter ajudado.