CSS 中盒模型由哪些部分组成，如何计算一个元素的总宽度和总高度？

答题要点

CSS 盒模型是一个重要的概念，它描述了元素在页面中所占的空间大小。盒模型主要由内容区（content）、内边距（padding）、边框（border）和外边距（margin）四部分组成。内容区是元素实际显示内容的区域，内边距是内容区与边框之间的距离，边框围绕在内边距之外，外边距则是元素与其他元素之间的距离。计算元素的总宽度时，需要将内容区的宽度、左右内边距的宽度和左右边框的宽度相加，即总宽度 = 内容区宽度 + 左内边距 + 右内边距 + 左边框 + 右边框。需要注意的是，外边距不包含在元素的实际宽度内，它只是影响元素与其他元素之间的间距。计算元素的总高度同理，总高度 = 内容区高度 + 上内边距 + 下内边距 + 上边框 + 下边框。