解释一下盒模型（box model），以及如何在 CSS 中切换不同的盒模型计算方式。
Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models.
题目类型: 技术面试题
这是一道技术面试题，常见于澳洲IT公司面试中。
难度: medium
分类: css
标签: box-model, box-sizing
参考答案摘要
答案 盒模型描述元素渲染为矩形盒：content（内容）外有 padding、border、margin。 它决定元素占据空间大小、边距是否折叠、以及最终的宽高计算。 默认 box-sizing 为 content-box：width/height 只算内容，不含 padding/border；可通过 box-sizing 切换计算方式（例如 border-box）。
答题技巧
技术面试题建议先理清思路再作答，从基础概念讲起，逐步深入。可以结合实际项目经验解释技术原理，展示你的理解深度和实践能力。
本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案、收藏题目并进行模拟面试练习。
