我希望能够执行以下操作：
height: 25% - 5px;
显然，当我这样做时，我得到了错误：
Incompatible units: 'px' and '%'.
Sass计算百分比减去px
第1966篇《Sass计算百分比减去px》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点
共6个回答
calcSCSS [编译时]和CSS [运行时]中都有一个功能。您可能会调用前者而不是后者。
出于明显的原因，混合单元无法在编译时工作，但可以在运行时工作。
您可以使用unquoteSCSS函数强制后者。
.selector { height: unquote("-webkit-calc(100% - 40px)"); }
Just add the percentage value into a variable and use #{$variable}
for example
$twentyFivePercent:25%;
.selector {
height: calc(#{$twentyFivePercent} - 5px);
}
很抱歉，恢复旧线程-使用：after伪选择器进行Compass的拉伸可能适合您的目的-例如。如果您希望div从屏幕的左侧填充到（50％+ 10px）的宽度，则可以使用（以SASS缩进语法）：
.example
background: red
+stretch(0, -10px, 0, 0)
&:after
+stretch(0, 0, 0, 50%)
content: ' '
background: blue
：after元素填充.example右侧的50％（保留.example宽度的50％），然后将.example拉伸到该宽度加10px。
$var:25%;
$foo:5px;
.selector {
height:unquote("calc( #{$var} - #{$foo} )");
}
Sass无法对无法从一个单位转换为另一个单位的值执行算术运算。Sass无法准确知道“ 100％”在像素或任何其他单位方面的宽度。那只是浏览器知道的。
您需要calc()改用。 在我可以使用...上检查浏览器兼容性。
.foo {
height: calc(25% - 5px);
}
如果您的值在变量中，则可能需要使用插值将其转换为字符串（否则Sass只会尝试执行算术）：
$a: 25%;
$b: 5px;
.foo {
width: calc(#{$a} - #{$b});
}
相似问题
问题类别
如果您知道容器的宽度，则可以这样：
我知道，在许多情况下，#container可能具有相对宽度。这样就行不通了。