5-2 [Sass运算]减法
本节编程练习不计算学习进度,请电脑登录imooc.com操作

[Sass运算]减法

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的宽度是多少?

  1. $container: 960px;
  2. $sidebar-width: 220px;
  3. $gap-width: 20px;
  4.  
  5. .content{
  6. width: ?;
  7. float: left;
  8. }
下一节