Modelo de caja de papelería CSSDIV

1: modelo de caja estándar W3C; 2. modelo de caja IE (modelo predeterminado del navegador IE).

En dos páginas web con modelos diferentes, los efectos de visualización de elementos con los mismos atributos CSS son diferentes. Usemos fórmulas para diferenciar entre estos dos modelos de cajas diferentes.

1: Modelo de caja estándar W3C

Ancho = ancho (relleno izquierdo) (relleno derecho) (margen izquierdo) (margen derecho) (borde izquierdo) (borde derecho).

Altura = altura (relleno-arriba) (relleno-abajo) (margen-arriba) (margen-abajo) (borde-arriba) (borde-abajo).

Modelo de caja 2.IE

Ancho = ancho (borde izquierdo) (borde derecho)

Alto = alto (borde-superior) (borde-inferior)

Este modelo es el modelo de caja predeterminado del navegador IE. Por supuesto, esto también se puede cambiar agregando el siguiente código en la parte superior de la página:

1