css calc使用变量

是的，CSS的calc()函数可以使用变量。你可以在calc()函数内使用CSS自定义属性来代表数值，这样就可以动态地计算CSS值了。以下是一个示例：

:root {
  --width: 100px;
}

.box {
  width: calc(var(--width) * 2);
  height: calc(var(--width) / 2);
}

在这个例子中，我们定义了一个名为“--width”的CSS变量，然后在.box元素的宽度和高度中使用了calc()函数来计算值。由于我们使用了变量，这个值可以根据需要进行更改。