在 CSS 中，存在众多度量单位，如 px、百分比、vh、vw、em 和 rem 等。有时，你可能需要将两个或更多不同的单位组合起来以得到一个特定值。
CSS 中的数学函数 calc(), min(), max() 和 clamp() 提供了一种在样式表中进行动态计算的能力，它们可以结合使用，这对于响应式设计和复杂的布局非常有用。
在日常开发中，如果能恰当的运用这些方法，可以在调整窗口大小时避免布局的变化，同时可以进一步减少代码量。
本文将结合具体实例，详细介绍 calc() 是如何工作的以及与 min 、max、clamp 结合使用可以带来哪些意想不到的的结果。
常见问题：
calc 函数支持嵌套吗？ calc 函数支持媒体查询吗？ calc 函数使用上有哪些注意事项？
