IE and standard W3C CSS Box Model

The box model is an important concept in CSS. Only by understanding the box model can the layout be better. In fact, there are two types of box models: the IE box model and the standard W3C box model. They have different interpretations of the box model. Let's take a look at the familiar standard box model:

We can see that the range of the standard W3C box model includes margin, border, padding, and content, and the Content Part does not contain other parts.

IE Box Model

We can see that the IE box model also has the range of margin, border, padding, and content. Unlike the standard W3C box model, the content part of the IE box model contains border and pading.