Susy Pull Div 装订线数量？

Question

我很困惑如何将 div 拉回排水沟。我有 12 列，其中有两个 div。我有一个左 div 和一个右 div。屏幕截图的底部是我想要实现的，但是，我不确定我的解决方案是否正确可行。

目前我有 div 坐在产生图像顶部的 4 个位置。我有红色箭头指示我希望 div 坐在哪里。下面是想要的效果，供参考。

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

sass 的输出结果是：

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

我可以去掉浮点数并给它一个负边距来对齐它，但是我可以使用另一个函数吗？

非常感谢！！

Answer 1

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

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

（您实际上可以在参数列表中的任何位置添加该关键字 - 我就是喜欢这样的读法）

Susy Pull Div Gutter Amount?