我可以将 css var 与负数相乘吗？ [复制]

【问题标题】：Can I multiply a css var with a negative number? [duplicate]我可以将 css var 与负数相乘吗？ [复制]
【发布时间】：2019-10-11 07:45:09
【问题描述】：

我有一个 css 变量：

:root {
    --report-padding-top: 50;
    --report-margin-header: calc(var(--report-padding-top) * -1);
}

我可以这样做吗？

.header {
    margin-top: var(--report-margin-header) ;
}

【问题讨论】：

标签： css

【解决方案1】：

是的，您可以在 css 中使用负属性，正确的做法是使用 calc() 函数将值乘以 -1：

.class {
  margin-top: calc(var(--margin-md) * -1);
}

【讨论】：