Box model and box-sizing property in CSS

Box model

The standard: the width of the definition of content, there are Padding,border will make the final rendering of the breadth of the definition of the sum of Width+padding+border, with margin plus

IE Standard: The width defined for the inclusion of the border,padding, so that the final rendered widths are defined, with margin plus

Box-sizing: Make the box appear in IE mode

Content-sizing: Making the box appear in the pattern

General initial global CSS style:

{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;　　box-sizing: border-box; }

Box model and box-sizing property in CSS