Susy Pull Div Gutter 数量？答案

【问题标题】：Susy Pull Div Gutter Amount?Susy Pull Div Gutter 数量？
【发布时间】：2016-01-12 21:54:42
【问题描述】：

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

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

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

sass 的输出会产生这样的结果：

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

我可以敲除浮动并给它一个负边距以使其对齐，但是我可以使用另一个函数并且这会与 susy 混淆吗？？？

非常感谢！！

【问题讨论】：

标签： susy

【解决方案1】：

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

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

（您实际上可以在参数列表中的任何位置添加该关键字 - 我只是喜欢它的读取方式）

【讨论】：

非常感谢您的回复！！实际上，我只是在整个容器中添加了一个不同的网格并将排水沟归零。 $map: 布局（流体隔离内部自动 12 0）；不确定这是否正确，但它似乎有效。显然你的答案是正确的：D，我还有很多事情要做才能理解 Susy。
哪种方法“正确”完全取决于您想要什么。如果你想要排水沟，但有时想溢出到它们中，我的方法会更好。如果您真的不需要排水沟，那么您的方法会更清洁！享受吧！