标准盒模型
主要由content、padding、border、margin构成。
在CSS中，width与height指的是内容区域的宽度和高度，增加内边距padding、外边距margin不会影响width的尺寸，但是会增加整个盒子的总尺寸。在盒模型中，padding、width、height、border不可以是负值，但是margin可以是负值。
CSS3中新增属性box-sizing，允许以特定的方式匹配某个区域的特定元素，box-sizing的属性值有：
- content-box:由CSS2.1规定的宽度高度行为，宽度和高度分别应用到元素的内容框，在宽度和高度之外绘制元素的内边距和边框；padding和border不被包含在定义的width和height之内，对象实际宽度等于设置的width值和padding、border之和。此属性表现为标准模式下的盒模型；
- border-box:为元素设定的宽度和高度决定了元素的边框盒，为元素