El elemento padding es uno de los más utilizados a la hora de definir espacios dentro de las cajas, pero si no tenemos cuidado puede afectar al tamaño de estas. Es muy importante evitar que el padding afecte al tamaño de una caja, sobre todo cuando utilizamos tamaños relativos (%).
Para evitar este problema, debemos añadir las siguiente propiedades al estilo de la etiqueta
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
Recordad también que es muy importante que validéis en todos los navegadores la correcta reproducción de vuestros estilos
Muy útil, gracias en hora buena 😀
Excelente ayuda, justo lo que necesitaba 🙂
Excelente!
Gracias!