padding hacia adentro

[pzin]

Le pones el valor de padding-box, aunque el valor más común y más compatible es border-box. La diferencia entre ambos es que el primero también sirve para que el borde vaya hacia el interior.

Código CSS:

div {
  box-sizing: border-box;
}
 

Yo lo que hago es meterlo en un selector universal, así cambio todo el modelo de caja en el sitio y me quito de hacer cálculos extraños:

Código CSS:

* {
  box-sizing: border-box;
}
 

Para leer más, tienes el MDN: https://developer.mozilla.org/en-US/...CSS/box-sizing