在前端开发中，我们经常需要对元素进行布局和样式设置。CSS中提供了许多单位来帮助我们实现这些效果，而其中比较特殊的一个单位就是calc()。

calc()是一个CSS3中引入的表达式，允许开发者对属性进行基本的数学运算，从而实现更多灵活的布局和样式设置。使用calc()能有效的减少CSS代码的复杂度和重复度，增加代码的可读性和可维护性。

.container {
width: calc(100% - 20px);
height: calc(100vh - 60px);
padding: 20px;
}

以上的CSS样式代码中，我们使用calc()对元素的宽度、高度和内边距进行了运算，获得了更为灵活的布局效果。其中，100%表示元素的父级宽度，20px表示元素左右两侧的边距，100vh表示视窗高度，60px表示元素上下两侧的边距。

需要注意的是，calc()只能对可以进行数学计算的CSS属性进行运算，比如宽度、高度、边距、字体大小等。而对于颜色、背景图等不能进行运算的属性，就不能使用calc()进行计算。