Susy Pull Div Gutter Amount?

时间:2016-01-12 21:54:42

标签: susy

我很难知道如何在排水沟中拉回一个div。我有12列有两个div。我有一个左div和一个右div。屏幕截图的底部部分是我想要实现的,但是,我不确定我的解决方案是否正确且可行。

目前我的div位于4位,产生图像的顶部。我有红色箭头表示我希望div坐在哪里。在此之下是所需的参考影响。

.right {
    @include span(9 at 4 of 12);
}

enter image description here

sass的输出产生了这个:

.right {
    width: 74.57627%;
    float: right;
}

我可以淘汰浮动并给它一个负余量 - 留下它排成一行但是还有另外一个我可以使用的功能并且这个混乱的嫌疑人???

非常感谢!!

1 个答案:

答案 0 :(得分:0)

这是在Susy中使用spread选项的好例子。 Spread允许您说明跨度应该溢出相邻的排水沟多少。默认值为narrow,不会溢出任何排水沟。在这种情况下,您需要wide来溢出单个装订线。 (如果你需要两边都有溢水槽,还有wider

.right {
    @include span(9 wide at 4 of 12);
}

(你实际上可以在参数列表中的任何地方添加该关键字 - 我就像这样读取)