前端面试试题及答案.docx

前端面试试题及答案

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

1.请简述标准盒模型与IE盒模型的区别，以及在CSS中如何通过box-sizing属性进行切换。

答案：标准盒模型（W3C盒模型）中，width和height只包含内容区域，padding和border会额外增加元素的总尺寸；IE盒模型（怪异盒模型）中，width和height包含了内容、内边距和边框的总尺寸。可以通过设置box-sizing:content-box（默认标准盒模型）或box-sizing:border-box（IE盒模型）来切换。

2.解释Flex布局中，justify-content和align-items