Hablando del error de IE, un ejemplo infame es su explicación incorrecta del "modelo de caja": en IE6/7 en el modo IE5.x y las peculiaridades, el borde y el relleno se incluyen en el ancho. Esto agrega muchos problemas al trabajo del ingeniero delantero.
Al mismo tiempo, debido a otro grupo de cumplimiento de los navegadores con los estándares, cuando definimos con precisión una caja que se muestra en un espacio limitado, también debemos calcular: el espacio que queda a él es tan grande que debemos usar el borde y el relleno , deberíamos decir cuánto se escribe su ancho?
Esta situación ha mejorado en la era CSS3.
Definir el tamaño de la caja: Conne-Box;
Definir el tamaño de la caja: border;
¿Por qué este atributo es "tarde"? La interpretación de IE del modelo de caja no cumple con las especificaciones de W3C, pero también tiene sus ventajas: no importa cómo cambiar el valor del borde y el relleno, no hará que cambie el tamaño total de la caja, y no interrumpirá El diseño general de la página. Bajo los navegadores modernos como Firefox, si queremos cambiar el valor del relleno, tenemos que volver a calcular el ancho de la caja. Ahora IE6 se va a la cama, este atributo CSS es un poco tarde.
Pruebe este nuevo atributo, Firefox, use -Moz-Box-Siling, Safari / WebKit, use -Webkit-Box-Siling y Opera puede usar el tamaño de la caja directamente.