盒模型

盒子模型分为标准盒模型和怪异盒模型

标准盒模型：总宽度：内容 ( content ) + border + padding + margin

　　　　　　box-sizing ：content-box

IE盒模型(怪异盒模型)：宽度 = 内容宽度 ( content + border + padding ) + margin

　　　　　　box-sizing: border-box;

区别：
　　在标准盒模型中 ：width是内容宽度 ，元素真正的宽度 = content + border + padding;
　　在怪异盒模型中 ：width则是元素的实际宽度 ，内容宽度 = width - ( padding + border)

盒模型

原文：https://www.cnblogs.com/swjRH/p/13565893.html