
Seguro que más de una vez te has vuelto loco para ajustar divs por culpa del padding y del border…
La solución es la propiedad box-sizing, ¿Qué hace? Ajusta los elementos de manera que el border y el padding no incrementan su ancho, magia.
Podemos apuntar a todos los elementos del DOM con:
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
También podemos apuntar a todos las seudoclases after y before:
*::after, *::before { box-sizing: border-box; }