CSS 盒子模型（标准盒模型/怪异盒模型）

W3C盒模型（标准盒模型）

给一个标签添加：box-sizing:content-box；(元素默认)

这个标签就转换为了w3c盒模型

标签得实际宽度 = 设置的宽度 + border宽度 + padding的宽度

怪异盒模型(又称ie盒模型)

给一个标签添加：box-sizing:border-box；

这个标签就转换为了怪异盒模型

标签得实际宽度 = 设置的宽度

如果设置了padding和border就是从设置的实际宽高中减去，减去后才是内容的宽高。

标签：box,标签,模型,宽度,CSS,border,怪异
来源： https://www.cnblogs.com/wangcunshuang/p/16667530.html