前端CSS高频面试题及详细答案.docx

前端CSS高频面试题及详细答案

一、基础概念类

1.请解释CSS中的盒模型，标准盒模型和IE盒模型的区别是什么？

答案：CSS盒模型是元素在页面中占据空间的计算方式，包含内容区（content）、内边距（padding）、边框（border）和外边距（margin）四部分。

标准盒模型（W3C标准）：元素总宽度=width+padding+border+margin；width仅指代内容区宽度。

IE盒模型（怪异模式）：元素总宽度=width+margin；width包含内容区、padding和border的宽度。

触发差异的关键是box-si