CSS3中的盒模型包括标准盒子模型和IE盒子模型。两者主要区别在于width和height的计算方式，标准模型仅包含content，而IE模型包含border和padding。开发者可以使用box-sizing属性切换模型，content-box对应标准模型，border-box对应IE模型。
CSS3 中的盒模型有以下两种：标准盒子模型、IE 盒子模型
盒模型都是由四个部分组成的，分别是 margin、border、padding 和 content。
标准盒模型和 IE 盒模型的区别在于设置 width 和 height 时，所对应的范围不同：
-
标准盒模型的 width 和 height 属性的范围只包含了 content，
-
IE 盒模型的 width 和 height 属性的范围包含了 border、padding 和 content。
可以通过修改元素的 box-sizing 属性来改变元素的盒模型：
-
box-sizing: content-box表示标准盒模型（默认值） -
box-sizing: border-box表示 IE 盒模型（怪异盒模型）
扫一扫
4193
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
