CSS盒模型包括内容、内边距、边框和外边距，分为标准盒模型和IE盒模型。标准盒模型中元素的宽高不包含padding和border，而IE盒模型则将这两者包含在内。通过box-sizing属性可以设置盒模型类型，content-box对应标准盒模型，border-box对应IE盒模型。理解并正确使用盒模型对于网页布局至关重要。
盒模型
定义：
css盒模型本质上是一个盒子，它封装周围的html元素，它包括 内容(content),内边距(padding),边框(border),外边距(margin)四个属性。
css盒模型分为：
盒模型(标准盒模型)，IE盒模型(怪异盒模型)
二者之间的区别：
标准盒模型:盒模型的宽高=宽高+padding+border+margin(宽高是内容的大小)
IE盒模型:盒模型的宽高=宽高+margin(宽高是内容的大小包括了padding+border)
css如何设置这两种模型
标准盒模型：box-sizing:content-box(浏览器默认)
IE盒模型:box-sizing:border-box
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
