本篇文章给大家分享6个关于CSS盒模型的面试题，查漏补缺，看看这六个面试题你能答对几个？是否可以全部答对？
对于前端面试来说，css盒模型肯定是必考必问的前端知识点，因为这是CSS基石中非常重要的内容，而且它关联的知识也非常多，那面试中一般都是如何层层递进的提问呢？下面一起来看看吧！
1、谈谈你对CSS盒模型的认识？
问题简答
所有 HTML 元素都可以视为方框。在 CSS 中，在谈论设计和布局时，会使用术语“盒模型”或“框模型”。CSS 框模型实质上是一个包围每个 HTML 元素的框。
它包括：
- 外边距 → margin
- 边框 → border
- 内边距 → padding
- 实际的内容 → content
它有标准模型和IE模型两种；
知识解析
盒模型，英文box model。
- 无论是div、span、还是a都是盒子。
- 图片、表单元素一律看作是文本，它们并不是盒子，因为一张图片里面并不能放东西，它自己就是自己的内容。
盒模型各部分说明：
- Margin(外边距) ：清除边框外的区域，外边距是透明的（可以为负值）。
- Border(边框) ：围绕在内边距和内容外的边框。
- Padding(内边距) ：清除内容周围的区域，内边距是透明的（不允许负值）。
- Content(内容) ：盒子的内容，显示文本和图像。
2、标准模型和IE模型的区别？
问题简答
标准模型和ie模型的区别是计算宽width高height的不同。
- 标准模型width不计算padding和border；
- ie模型width计算padding 和border；
知识解析
标准盒模型（W3C盒子模型）
设置的宽高是对实际内容content的宽高进行设置，内容周围的border和padding另外设置;
即元素实际占位的宽高为：
width
