在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_img
的值设置为2
,让我感到沮丧的是,两个盒子之间的空间保持不变,排水沟只是移动了!
装订线保持不变,与我为span参数设定的值无关。
奖金:不应该更广泛地填写左边和右边的排水沟?它在右侧填充2个沟槽宽度。
答案 0 :(得分:1)
将no-gutters
关键字添加到您的广泛范围内。虽然wide
告诉它为跨度宽度添加更多空间,但它不会自动删除装订线输出。
@include span(1.75 wide of 9 no-gutters);