css中calc和变量同时使用

在vue中，通过sass定义一个变量

$height: 100px;
#div{
 height: calc(100% - $height);
}

此方法行不通，将变量用#{}包裹起来即可

$height: 100px;
#div{
 height: calc(100% - #{$height});
}

来源：oschina

链接：https://my.oschina.net/u/4664213/blog/4888255