Susy中的排水沟保持完整,作为元素之间的间距。奖金:更广泛的不起作用

时间:2015-06-02 23:29:58

标签: susy-compass susy-sass susy susy-next

在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会创建: enter image description here

所以我将#main_side_img的值设置为2,让我感到沮丧的是,两个盒子之间的空间保持不变,排水沟只是移动了!

enter image description here

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

奖金:不应该更广泛地填写左边和右边的排水沟?它在右侧填充2个沟槽宽度。

1 个答案:

答案 0 :(得分:1)

no-gutters关键字添加到您的广泛范围内。虽然wide告诉它为跨度宽度添加更多空间,但它不会自动删除装订线输出。

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