宽度或者高度等属性需要进行计算时,可使用calc
例如(两个值与运算符之间必须有空格隔开)
height: calc(100% - 64px);
比较优雅的写法:
定义一个计算方法
@mixin calc($property, $expression) { #{$property}: -webkit-calc(#{$expression}); #{$property}: calc(#{$expression}); }
调用
@include calc(height, "100% - 64px");
stackoverflow的相关链接 https://stackoverflow.com/questions/10826064/how-can-i-create-a-calc-mixin-to-pass-as-an-expression-to-generate-tags