El modelo de caja es algo conceptual, que explica cómo se comportan los elementos dependiendo de sus valores de la propiedad display. Las propiedades del modelo de caja que influyen o que forman parte del mismo son:

• width
• height
• padding (top, left, right, bottom)
• margins (top, left, right, bottom)
• bordess (top, left, right, bottom)

Todas estas propiedad influyen en cómo se dibuja o renderisa la caja. Cuando agregas un ancho (width) a veces no siempre es el mismo cuando se dibuja en el navegador. Influyen las propiedades anteriormente señaladas. Ahora, no entiendo muy bien tu pregunta 🤔. Quiciera que seas más claro para poder ayudarte, pero aún así te deje lo anterior que quizá te ayude.

Si es que cuando con el inspector de elementos de colocas sobre el DIV el te da un valor. Pero ese valor que se muestra allí no concuerda con la sumatoria, de todos los valores. La única manera que concuerden en quitar el valor del margin. Entonces me pregunte si cuando hablan de la caja se refieren hasta el Borde?

Así como se ve en la imagen

El modelo de caja es algo conceptual, que explica cómo se comportan los elementos dependiendo de sus valores de la propiedad display. Las propiedades del modelo de caja que influyen o que forman parte del mismo son:

• width
• height
• padding (top, left, right, bottom)
• margins (top, left, right, bottom)
• bordess (top, left, right, bottom)

Todas estas propiedad influyen en cómo se dibuja o renderisa la caja. Cuando agregas un ancho (width) a veces no siempre es el mismo cuando se dibuja en el navegador. Influyen las propiedades anteriormente señaladas. Ahora, no entiendo muy bien tu pregunta 🤔. Quiciera que seas más claro para poder ayudarte, pero aún así te deje lo anterior que quizá te ayude.

Si es que cuando con el inspector de elementos de colocas sobre el DIV el te da un valor. Pero ese valor que se muestra allí no concuerda con la sumatoria, de todos los valores. La única manera que concuerden en quitar el valor del margin. Entonces me pregunte si cuando hablan de la caja se refieren hasta el Borde?

Así como se ve en la imagen

El modelo de caja es algo conceptual, que explica cómo se comportan los elementos dependiendo de sus valores de la propiedad display. Las propiedades del modelo de caja que influyen o que forman parte del mismo son:

• width
• height
• padding (top, left, right, bottom)
• margins (top, left, right, bottom)
• bordess (top, left, right, bottom)

Todas estas propiedad influyen en cómo se dibuja o renderisa la caja. Cuando agregas un ancho (width) a veces no siempre es el mismo cuando se dibuja en el navegador. Influyen las propiedades anteriormente señaladas. Ahora, no entiendo muy bien tu pregunta 🤔. Quiciera que seas más claro para poder ayudarte, pero aún así te deje lo anterior que quizá te ayude.

Si es que cuando con el inspector de elementos de colocas sobre el DIV el te da un valor. Pero ese valor que se muestra allí no concuerda con la sumatoria, de todos los valores. La única manera que concuerden en quitar el valor del margin. Entonces me pregunte si cuando hablan de la caja se refieren hasta el Borde?

Así como se ve en la imagen