css 之 box-sizing

适用范围：所有接收width和height的元素

默认值：content-box

取值：content-box | border-box

理解

1. content-box: padding和border不被包含在定义的width和height里面，对象的实际宽度等于设置的width的只和border，padding之和， element width = width + border+padding

  2. border-box: padding和border包含在定义的width和height里面，对象的实际宽度就是width，即时定义了border和padding也不会改变对象的实际宽度，element width = width 

    ps: border-box属性表现为怪异模式下的盒模型

来源：oschina

链接：https://my.oschina.net/u/1037170/blog/541861