前端样式（CSS）高频面试题及详细答案（无模板、口语化）.docx

前端样式（CSS）高频面试题及详细答案（无模板、口语化）

1、说一说盒模型，标准盒模型和怪异盒模型的区别？

参考答案：

盒模型就是网页所有元素布局的基础，每个元素都由内容区、内边距、边框、外边距四部分组成。

两者核心区别就是宽高的计算方式不一样：

1）标准盒模型（W3C标准）：width、height只代表内容区大小。元素实际占用宽度=width+padding+border+margin。我们平时写项目默认就是这个模式。

2）怪异盒模型（IE盒模型）：width、height是整体尺寸，已经包含了内容、内边距和边框。元素实际宽度=设定的width+marg