La solución para la maquetación se llama box-sizing

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

Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

¿Eres programador/a?

En Pulpo están buscando nuevos talentos, envíales un email a developers@pulpoapp.com.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*