Sass 的减法运算和加法运算类似,我们通过一个简单的示例来做阐述:
$full-width: 960px;
$sidebar-width: 200px;
.content {
width: $full-width - $sidebar-width;
}
编译出来的 CSS 如下:
.content { width: 760px; }
同样的,运算时碰到不同类型的单位时,编译也会报错,如:
$full-width: 960px; .content { width: $full-width - 1em; }
编译的时候,编译器报“Incompatible units: 'em' and ‘px’.”错误。
在编辑器第六行输入正确代码,计算出.content的宽度是多少?
$container: 960px; $sidebar-width: 220px; $gap-width: 20px; .content{ width: ?; float: left; }