一. `box-sizing:content-box`

就是默认的盒模型。

设置的宽高属性不包括border和padding，当增加border和padding的值的时候，整个盒子的整体尺寸会增加，给容器设置的宽高属性会保持。

所以这种模型也叫外扩模型

二. `box-sizing:border-box`

设置的宽度包括border和padding，当增加border和padding的值的时候，会压缩盒子的content的尺寸，盒子的整体尺寸不会发生变化。

所以这种模型也称之为内缩模型。目前大多数高级浏览器都支持。