CSS3 some very useful properties

Layout properties

Box-sizing

This property can change the box model calculation method, the value is Content-box, Border-box; When the value is Border-box, the box model width is fixed to the values of width, the value of padding and border of the box model will be included in the width value, and the box model content = Box model Width-padding-border;

Compatibility:

IE8

Chrome:-webkit-

FireFox:-moz-

*, *:before, *:after {    -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;     box-sizing: border-box;}