【发布时间】：2022-01-21 06:35:42
【问题描述】：
我有一些 Sass 代码：margin-top: -($height+40)#{$unit};
编译并输出“-140 vh”而不是“-140vh”。它基本上是添加一个空间。我想我正在使用一些旧代码。我应该怎么做？
【问题讨论】：
标签： css sass sass-variables
【发布时间】：2022-01-21 06:35:42
【问题描述】：
最好使用带有单位的数字，如以下代码。更多信息：https://sass-lang.com/documentation/operators/numeric
$height: 100vh;
margin-top: -($height+40);
但如果有理由在单独的变量中使用单位，下面的代码可能会有用：
$height: 100;
$unit:vh;
margin-top: #{-($height+40)}#{$unit};
【讨论】：
-
谢谢@amirreza！那行得通。我还发现 -($height+40)+$unit;工作得很好。不确定哪个是更好的做法。再次感谢您的快速回复和帮助！