calc()

calc() 是一个强大的 CSS 函数，允许开发者在声明 CSS 属性值时执行数学计算。这个函数可以用于多种 CSS 属性值类型，包括长度（length）、频率（frequency）、角度（angle）、时间（time）、百分比（percentage）、数字（number）和整数（integer）。

使用 calc() 函数，你可以在 CSS 中进行加、减、乘、除等基本运算。这使得创建响应式设计变得更加灵活，因为你可以在不同单位之间进行计算，例如将百分比和像素值相加。

calc() 函数的语法非常直观，它接受一个表达式作为参数，表达式中的值可以使用不同的单位。例如，你可以使用 calc(100% - 50px) 来创建一个宽度为父容器宽度减去 50 像素的元素。

这个函数在响应式设计中特别有用，因为它允许你根据视口大小或其他动态因素调整元素的大小和位置。例如，你可以使用 calc() 来创建一个始终占据视口高度减去固定头部高度的页面内容区域。

需要注意的是，calc() 函数中的运算符前后必须有空格，否则会导致计算错误。例如，calc(100%-50px) 是无效的，而 calc(100% - 50px) 是正确的。

calc() 函数在现代浏览器中得到了广泛支持，包括 Chrome、Firefox、Safari 和 Edge，因此你可以放心地在项目中使用它来创建更加灵活和动态的布局。