CSS盒模型描述了元素在网页布局中的表现，包括内容区、内边距、边框和外边距。盒模型分为标准盒模型和IE盒模型，前者width和height仅包含内容区域，后者则包括内容、边框和内边距。`box-sizing`属性用来切换两种模型，`border-box`对应IE模型，`content-box`为标准模型。
1.使用场景
常用于页面布局，PC端和移动端
2.概念
css定义所有元素都可以拥有像盒子一样的外形和平面空间，包括内容区(content)、内边距(padding)、边框(border)、外边距(margin)，如下图是一个标准盒模型：
3.盒模型的分类
标准盒模型 和 IE盒模型（也称怪异盒模型）
4.标准盒模型和IE盒模型的区别？
（1）标准盒模型的width和heigth属性的范围只包括content；
（2）IE盒模型的width和heigth属性的范围包括了content、border、padding ，如：示例
box-sizing：border-box; //ie盒模型
box-sizing：content-box; //标准盒模型盒模型
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
