请描述 CSS 盒模型的组成部分，并说明如何计算元素的实际宽度和高度。

答题要点

推荐答题框架：先阐述盒模型的组成，再说明计算方法。关键要点：1. 组成：盒模型由内容区（content）、内边距（padding）、边框（border）和外边距（margin）组成。2. 内容区：元素实际显示的内容。3. 内边距：内容区与边框之间的距离。4. 边框：围绕内容区和内边距的线条。5. 计算方法：元素实际宽度 = 内容区宽度 + 左右内边距 + 左右边框；元素实际高度 = 内容区高度 + 上下内边距 + 上下边框。示例思路：首先明确盒模型包含内容区、内边距、边框和外边距。计算宽度时，把内容区宽度加上左右内边距和左右边框的宽度；计算高度同理。