教育/培训行业面试题更新 2026-08-05

请解释 CSS 标准盒模型与怪异盒模型(IE 盒模型)的区别,并说明它们在布局中的影响。

好未来前端/移动开发教育/培训技术原理方案权衡CSS

考察说明

考察对 CSS 盒模型两种计算方式的理解及其实际应用

回答思路

  1. 准确说明标准盒模型 width/height 仅包含内容区
  2. 说明怪异盒模型 width/height 包含内容、内边距和边框
  3. 能够比较两种模型在布局计算上的差异,并指出默认适用场景
  4. 能说明如何通过 box-sizing 切换两种模型,并分析常用实践
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。