请解释 CSS 的盒模型（Box Model），并说明 content、padding、border、margin 之间的关系。

回答思路

1. 准确描述盒模型的四个组成部分及作用
2. 说明 content 的实际内容区域与 padding、border 的关系
3. 区分标准盒模型与怪异盒模型（box-sizing）的差异
4. 说明 margin 对元素间距的影响及外边距折叠的基本概念