解释 CSS `padding` 和 `margin` 的区别（结合盒模型）。

Explain the difference between CSS `padding` and `margin` (in the context of the box model).

题目类型: 技术面试题

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

难度: easy

标签: LinkedIn, CSS, Box Model

目标岗位: Front End Software Engineer, Frontend Engineer, Web Developer

目标公司: LinkedIn

参考答案摘要

答案 padding（内边距） ：内容（content）到边框（border）之间的空间；会影响元素的可点击区域/背景渲染区域（背景会绘制到 padding）。 margin（外边距） ：元素边框之外与其他元素的间距；背景不会绘制到 margin。 常见细节（面试常考） margin collapse ：垂直方向相邻块级元素 margin 可能合并；padding 不会合并。 盒模型 ：默认 bo...

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