Question

这是SassMeister。这是一个带有浮动菜单项的四列子布局，我希望它们填充列，但是它们在前三个中聚集，因为边距太大。

有关为何可能发生这种情况的任何见解？

Answer 1

哇，这是一些凌乱的Drupal标记！您应该清理它并发布一个简化的问题演示，而不是仅仅复制粘贴所有混乱。

除非您将第二个参数指定为float-span或最后一列的编号，否则'last' mixin会为项目设置右边距。

这种失败的原因是你的网格中有4列和3个装订线，但是你告诉Singularity每行产生4个带有装订线的单列项目，最后你会得到4列和4个装订线。最后一项不合适，并被包装到下一行。

解决方案是将'last'应用于每四个项目：

.menu-block-1  .leaf {
  @include float-span(1);
  &:nth-child(4n+4) {
    @include float-span(1, 'last');
  }
}