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;
}