盒模型

在标准模式下（W3C标准），一个块的总宽度 =   width  +  margin（左右） + padding（左右）+ border（左右）

在怪异模式下（ IE标准），一个块的总宽度 =   width + margin（左右）（即width已经包含了padding和border值）

CSS3中的box-sizing属性

box-sizing ： content-box || border-box || inherit;

当设置为box-sizing:content-box时，将采用标准模式解析计算，也是默认模式；

当设置为box-sizing:border-box时，将采用怪异模式解析计算；

盒模型

原文：https://www.cnblogs.com/HYTing/p/12721589.html