盒模型分类
-
IE盒模型（怪异盒模型）
-
width = border + padding + content
-
一个盒子的宽度 = width + margin
-
W3C盒模型（标准盒模型）
-
width = content
-
一个盒子的宽度 = width + padding + border + margin
转换盒模型
Css中默认的盒模型是W3C盒模型，两者间的转换可以通过设置属性box-sizing来转换
box-sizing: content-box; // W3C盒模型标准 box-sizing: border-box; // IE盒模型标准
如果您觉得本文的内容对您的学习有所帮助：
关键字：
css