sass：用像素计算百分比

Question

在一种情况下，我需要在计算中将百分比变量与像素组合。

请注意，这不是要在生成的css中保留混合单位，因此计算不起作用。

$fooPercent: 40%;

.abc {
  width: 100% - $fooPercent; // This works
}
.bar {
  width: 100px * (100% - $fooPercent);  // Intend to get 60px
}

Answer 1

将百分比除以100％会得到一个小数，然后可以乘以像素值。

width: 100px * ((100% - $fooPercent) / 100%)