esta propiedad box-sizing = "border-box" se aplica al contenedor padre para que sus elementos hijos no se salgan?
esta propiedad box-sizing = "border-box" se aplica al contenedor padre para que sus elementos hijos no se salgan?
¡Hola Leonardo!
La propiedad box-sizing: border-box
se aplica al contenedor padre para que sus elementos hijos no se salgan. Al utilizar este valor, el tamaño total del elemento (ancho y alto) incluirá el relleno (padding
) y el borde (border
) en lugar de agregarlos al tamaño total del elemento. Esto significa que el contenido real del elemento no se verá afectado por el relleno y el borde.
En el contexto de tu ejercicio, al establecer box-sizing: border-box
en el body
, estás asegurándote de que cualquier elemento hijo dentro del body
no se salga del contenedor padre, teniendo en cuenta el relleno y el borde al calcular su tamaño.
Hola, tenía la misma duda. Muchas gracias por la aclaración!