Brief introduction of two models in CSS box model

This article gives you the content is about the CSS box model of the two models of a simple introduction, there is a certain reference value, the need for a friend can refer to, I hope you have some help.

Basic concepts

Box model has two standards, one is the standard model, and the other is IE model.

In the standard model, the width and height of the box model is only the width and height of the content

The width and height of the box model in IE model is the total width of content + padding (padding) + border (border)

How to set up two models of CSS

     /* Standard Model */     Box-sizing:content-box;     /*ie model */     Box-sizing:border-box;