CSS3--box-sizing

box-sizing:包含两个属性值：分别是border-box、content-box

（存在兼容性问题IE8+、Chrome等其他主流浏览器）

接下来在讲述两个盒子模型：

        标准盒模型如下图所示。width=width;height=height;

        IE的盒模型如下图所示。

width=border-left + padding-left + width + padding-right + border+right

height=border-top+ padding-top+ height+ padding-bottom+ border+bottom

box-sizing:border-box;  这个属性值表示上图的IE盒模型

box-sizing:content-box;这个属性值表示上图的标准盒模型

转载于:https://my.oschina.net/u/3996596/blog/2962013