盒模型存在2种形式：W3C标准盒模型和IE盒模型：

IE盒模型只会出现在IE5版本和IE6+的怪异模式中。

盒子大小计算计算公式：

IE模型下 width = padding + content + border;

W3C盒模型下 width = content

box-sizing: border-box ----- width = border + padding + content---IE怪异模式

box-sizing: content-box ---- width = content---W3c模式

IE盒模型只会出现在IE5版本和IE6+的怪异模式中。

CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box;

W3C标准盒子是需要相加各种大小得到总体的宽高,而传统的IE6是从整体减去内在元素大小而达到调整效果。

远近互联前端小华整理发布，希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务让客户通过网络品牌建立与网络传播提高业绩。