请说明 CSS 盒模型有哪几种，如何在不同模型之间切换，并解释当一个父 div 设置为 width=100% 时，在标准盒模型与怪异盒模型下其实际宽度分别由什么决定。
考察说明
考察 CSS 盒模型的基本概念、切换方式及实际宽度计算差异
回答思路
- 准确说出标准盒模型与怪异盒模型的内容区、内边距和边框的计算差异
- 说明 box-sizing 属性及取值 content-box 和 border-box 的切换作用
- 在标准盒模型下 width=100% 时实际宽度为父内容区宽度加上自身内边距和边框
- 在怪异盒模型下 width=100% 时实际宽度等于父内容区宽度，内容区会被内边距和边框压缩
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导；也可以直接开一场模拟面试，AI 面试官用本题实时追问并给出评分。