第一种 标准盒子
1 padding 的值不能未负数
2 width height 都是指的是内容的宽度和高度，其内外边距，都是都在增加盒子意外的部分
3 border 是向外面延伸的，但是是固定的搞定等，不参与百分比
第二种 怪异盒子
1 直接将盒子的宽和高设定为盒子的自身整体的属性，如果带边框和边距，通过缩小内容来实现
box-sizing 来转换
属性1 content-box 设定盒子为标准盒子
标注计算：with/height+padding+border
属性2 border-box 设定盒子为怪异盒子
计算：with/height
原文：http://www.cnblogs.com/doushenya2016/p/5988505.html