请简述 CSS 中盒模型的组成部分，并说明如何计算一个元素的总宽度。

答题要点

推荐答题框架：采用直接阐述法，先介绍盒模型组成，再说明总宽度计算方法。关键要点如下：1. 盒模型组成：包含内容区（content）、内边距（padding）、边框（border）和外边距（margin）。内容区是元素实际显示的内容，内边距是内容区与边框之间的距离，边框围绕内容区和内边距，外边距是元素与其他元素之间的距离。2. 宽度计算：元素总宽度等于内容区宽度加上左右内边距和左右边框宽度，不包含外边距。示例话术：盒模型由内容区、内边距、边框和外边距组成。计算元素总宽度时，只考虑内容区、内边距和边框。例如，一个元素内容区宽度为 100px，左右内边距各 10px，左右边框各 5px，那么总宽度就是 100 + 10×2 + 5×2 = 130px。