Css3-box-sizing Property

This article describes the box-sizing attribute in CSS3, before which the reader needs to prepare the scope of the knowledge width.

Browser Support Scenarios

Browser	suppored	Notes
Internet Explorer	Yes	Version 8.0
Mozilla Firefox	Yes	29.0 2.0-moz-
Chrome	Yes	10.0 4.0-webkit-
Opera	Yes	Version 9.5
Safari	Yes	5.1 3.2-webkit-

Box-sizing Property

The Box-sizing property can have three values: Content-box (Defalut), Border-box property.

1. Content-box,border and padding do not count into width.
2. Border-box,border and padding are calculated into the width.

View Code

Effect:

This article was reproduced from: http://www.cnblogs.com/HDK2016/archive/2016/12/01/6123529.html

Css3-box-sizing Property