盒子模型：
盒子模型,又称框模型 (Box Model)
盒子模型主要的属性：width、height、padding、border、margin；
- width：内容的宽度
- height：内容的高度（不是盒子的宽度、高度）
- padding：内边距
- border：边框
- margin：外边距
例：
<style type="text/css"> div{ width: 200px; height: 200px; border: 1px solid red; padding: 50px;</style>标准盒模型与IE盒模型:
标准盒模型：
【标准盒子模型的范围包括margin，border，padding，content，并且content部分不包含其余部分；】
IE盒模型：
【IE盒子模型的范围包括margin，border，padding，content，和标准盒子模型不同的是：IE盒子模型的 content 部分包含 border 和 pading；】
标准盒子模和IE盒模型的区别：
- 标准盒子模型中，width 和 height 指的是内容区域的宽度和高度。添加内边距、边框和外边距不会影响内容区域的尺寸，但是会添加元素框的总尺寸。
- IE盒子模型中，width 和 height 指的是内容区域+border+padding的宽度和高度。
盒子模型面试题
1，css盒模型基本概念？
2，标准模型和IE模型的区别：计算高度和宽度的不同，怎样不同，高度宽度是怎样计算的？
3，css如何设置这两种模型？
4，js如何设置获取盒模型对应的宽和高？
5，实例题（根据盒模型解释边距重叠）
结语：想要学习web前台或者者正在学习前台的朋友，可以加入这边的学习裙：953352883，一起学习交流，裙里有小白也有大佬，还有前台学习资料，前台面试题PDF文档，都能在群里领取，免费分享哦！
