前端css面试题及答案2019.docx

前端css面试题及答案2019

一、CSS基础与盒模型（总分：15分）

1.请简述标准盒模型（W3C盒模型）与IE盒模型（怪异盒模型）的区别，以及在CSS中如何设置盒模型类型。

答案：标准盒模型中，元素的宽高仅包含内容（content），padding和border会增加元素的总尺寸；IE盒模型中，元素的宽高包含内容、padding和border，内容区域实际大小会通过width减去padding和border计算得出。设置方式为：`box-sizing:content-box`（标准盒模型，默认值）或`box-sizing:border-box`（IE盒模型）。

2.C