解释你对盒模型（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, padding, border, margin

参考答案摘要

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

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