远景科技前端面试题（含详细真实答案）.docx

远景科技前端面试题（含详细真实答案）

一、HTML/CSS基础（远景必考基础）

1、标准盒模型和怪异盒模型的区别，日常开发怎么选择？

参考答案：

两种盒模型的核心差异就是元素宽高的计算方式。

标准盒模型（W3C）：元素设置的width/height只对应内容区content，实际占位宽高=content+padding+border+margin。

怪异盒模型（IE盒模型）：width/height包含了content、padding、border，实际占位宽高=设置的宽高+margin。

我日常开发统一用怪异盒模型，也就是全局设置box-sizing: