1. Box model
There are five main attributes in a box: width, height, padding (inner margin), border, and margin (outer margin).
The box model includes the standard box model and the IE box model.
IE box model:
The difference is that the content size of the standard box model is the content size, while the IE is the total size of content + padding + border.
Then comes the second question-how to set up these two models?
Very simple, you can achieve the effect of free switching by setting box-sizing: content-box(W3C)/border-box(IE) .