是否可以将值0传递到跨度(0)

Question

Long试图创建一个响应导航。但结果还是出来了。但我仍然不确定我做的是对的。因为我在跨度中传递了一个值0。还是可以这样做？它起作用：）

$big: (columns: 24, gutters: 1/2,math: fluid,gutter-position: split )
@include susy-breakpoint(700px, $big)
    .nav-item // is ui>li.nav-item
        @include span(0 border-box)

Answer 1

不，这不是使用Susy的正确方法。如果你查看输出，你会发现你得到的width: -1.38889%;不是有效的CSS。它之所以有效，是因为浏览器忽略了无效代码——但这不是一个好主意，也不是对Susy的有意义的使用。

你唯一需要的网格输出是排水沟，所以这就是你应该向Susy要求的。剩下的你可以用普通css做：

.nav-item {
  @include gutters;
  box-sizing: border-box;
  float: left;
}