* {-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}Este pequeno pedaço de código retrabalha o modelo de caixa CSS padrão, forçando o navegador da web a usar qualquer borda extra e atributos de preenchimento e incluí-los na largura definida de um objeto em vez de adicioná-lo .
Por exemplo, uma caixa de 200px com preenchimento de 10px e uma borda de 5px ainda seria vista como 200px de largura e NÃO a largura padrão de 230px (200 + 10 + 10 + 5 + 5).
É muito bom, mas lembre -se, não funciona com margens (vergonha).