前端ui面试题及答案.docx

前端ui面试题及答案

一、CSS布局与盒模型（30分）

1.在CSS盒模型中，标准盒模型和IE盒模型（怪异盒模型）的主要区别是什么？如何通过`box-sizing`属性进行切换？

答案：标准盒模型的`width`和`height`只包含内容区域，而padding和border会额外增加元素的尺寸。IE盒模型（`box-sizing:border-box`）的`width`和`height`包含内容、内边距和边框的总和。可以通过设置`box-sizing:content-box`使用标准盒模型，设置`box-sizing:border-box`使用IE盒模型。

2.Fle