什么是 CSS box model（盒模型）？

What is the CSS box model?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: medium

参考答案摘要

盒模型描述元素占据空间的组成：content（内容）+ padding（内边距）+ border（边框）+ margin（外边距）。默认 box-sizing: content-box 时，width/height 只包含内容区；设置 box-sizing: border-box 则把 padding/border 也计入 width/height，更符合 UI 设计对“块尺寸”的直觉。

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。