`box-sizing: border-box` 是做什么的？有什么好处？
What does `{ box-sizing: border-box; }` do? What are its advantages?
题目类型: 技术面试题
这是一道技术面试题，常见于澳洲IT公司面试中。
难度: easy
分类: css
标签: box-sizing, layout
参考答案摘要
答案 默认 content-box 下，width/height 不包含 padding/border；border-box 会把 padding 和 border 也纳入 width/height 计算。 好处：更符合“设计稿网格”的直觉，算宽度更省心（加 padding 不会把盒子撑大），布局更稳定、可预测。
答题技巧
技术面试题建议先理清思路再作答，从基础概念讲起，逐步深入。可以结合实际项目经验解释技术原理，展示你的理解深度和实践能力。
本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案、收藏题目并进行模拟面试练习。
