CSS中的calc()函数可以帮助我们在元素样式中进行计算操作，从而更加方便地控制布局和尺寸。

例如，我们可以使用calc()函数来设定元素的宽度：
width: calc(100% - 20px);
这个例子中，元素的宽度会减去20个像素的宽度。因为calc()函数能够自动计算数学运算，所以我们可以使用加、减、乘、除等基本运算符。

此外，我们还可以在calc()中使用百分比和em等单位，使得计算更加灵活。

例如，我们可以设定一个充满整个窗口的布局：
#container {
width: calc(100% - 20em);
height: calc(100vh - 10%);
}
其中，100vh表示窗口高度的百分之百，而10%表示高度减去10%的高度。这种方式可以使得元素的大小与窗口大小自适应。

需要注意的是，calc()函数的参数必须以空格分隔。如果有多个参数，还需要使用括号将它们括起来。

例如，以下代码不是正确的语法：
width: calc(100%-20px);
正确的写法应该是：
width: calc(100% - 20px);

最后，需要指出的是，支持calc()函数的浏览器版本比较早。因此，在实际应用中，还需要考虑兼容性问题。