Cette illustration visualise la différence entre le mode de calcul de la largeur d'un box CSS selon les spécificiations CSS du W3C, et selon Internet Explorer.
En haut de l'illustration se trouve un box CSS générique, composé de 4 zones emboïtées les unes dans les autres : la zone contenu est entourée de padding puis de border et, à la fin, de margin.
Sous le box, il y a deux lignes horizontales.
La première s'étend de gauche à droite de la zone contenu uniquement. Un texte précise qu'il s'agit de la largeur du box selon les spécifications de CSS.
La deuxième ligne, au dessous de la première, est plus longue car elle s'étend de gauche à droite de la zone border, englobant le padding et le contenu. Un texte précise qu'il s'agit de la largeur du même box selon Internet Explorer pour Windows (= contenu + padding + border).