susy-compass - Susy 中的排水沟作为元素之间的间距保持不变。奖励：更宽不起作用

Question

susy 中的两个块之间有一个不需要的空间。wide尽管使用了该功能，但它似乎完全遵循网格的大小。

$susy: (
  columns: 9,
  gutters: 0.454,
  debug:(image: show,
  output : overlay,)
)
;
#grid{
    @include container(9);
    @include background-grid; 
    gutter-width: 0.454;
    }

#main_side_img{
  @include span(1.75 wide of 9);
}  

#main_heading_container{
  @include span(4 of 9);
  background-image: url(http://i.imgur.com/7Yxm5Sa.jpg);
  }

上面的代码，#main_side_img设置为1.75创建这个：

所以我设置了#main_side_imgto的值，2令我沮丧的是，两个盒子之间的空间保持不变，而排水沟只是移动了！

装订线保持不变，与我为 span 参数设置的值无关。

奖励：不是更宽应该填充左侧和右侧的排水沟吗？它在右侧填充 2 个排水沟宽度。

Answer 1

将no-gutters关键字添加到您的大跨度中。虽然wide告诉它为跨度宽度添加更多空间，但它不会自动删除装订线输出。

@include span(1.75 wide of 9 no-gutters);