如何让 var 函数值变为负数

假设我们有一个变量--z-margin-left，需要把它变为负数，直接加符号操作符-var(-z-margin-left)不会得到结果，我们需要考虑用calc函数:

以谷歌浏览器为例，我们来去修改它的LOGO：

方法一：使用减法

我们定义一个变量,并且使用减法：

    --z-margin-left: 800px;
    margin-left: calc(0px - var(--z-margin-left));

效果如下:

方法二：使用乘法

乘法我们可以考虑让变量乘以-1：

    --z-margin-left: 800px;
    margin-left: calc(-1 * var(--z-margin-left));

同样可以达到我们想要的效果