前端人员面试题及答案.docx

前端人员面试题及答案

一、HTML与CSS基础（总分：20分）

1.请简述标准盒模型（W3CBoxModel）与IE盒模型（怪异盒模型）的区别，并说明CSS中如何通过`box-sizing`属性进行切换。（5分）

答案：标准盒模型中，元素的宽高仅包含内容区域，`padding`和`border`会增加元素的总尺寸。IE盒模型中，元素的宽高包含内容区域、内边距和边框，`padding`和`border`不会增加元素的总尺寸。CSS中，设置`box-sizing:content-box`为标准盒模型，设置`box-sizing:border-box`为IE盒模型。

2.在Flex布局