简述content-box盒模型 ？

在CSS中，盒模型（Box Model）是用来计算元素宽度和高度的基础模型。有两种主要的盒模型：content-box和border-box。

content-box是CSS的标准盒模型。当你设置一个元素的宽度和高度时，你实际上是设置的内容区域（content area）的宽度和高度，不包括元素的内边距（padding）、边框（border）和外边距（margin）。

例如，如果你有一个元素的设置如下：

.box {
  width: 300px;
  height: 200px;
  padding: 10px;
  border: 5px solid black;
}

这个元素的总宽度实际上是300px（内容宽度）+ 20px（左右内边距）+ 10px（左右边框）= 330px，总高度也是类似的计算方式。

这意味着，如果你需要将元素的大小固定在某个值，并且可能会改变内边距或边框的大小，那么使用content-box可能会使得计算变得复杂。这也是为什么有些开发者会选择使用border-box模型，它会将内边距和边框的大小包含在元素的宽度和高度内。