解释一下你对盒模型（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

分类: Layout

标签: box-model, box-sizing

参考答案摘要

答案 CSS 盒模型描述了文档树中元素生成的矩形盒子，并按照视觉格式化模型进行布局。每个盒子都有一个内容区域（例如文本、图片等），以及可选的外层 padding、border 和 margin 区域。 CSS 盒模型负责计算： 一个块级元素会占用多少空间。 border 和/或 margin 是否会重叠或发生折叠（collapse）。 盒子的尺寸（dimensions）。 盒模型包含如下规则： 块...

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