css - susy - 如何使其全宽（无排水沟）？

Question

我在使用 SUSY 构建网格时遇到了问题。我设置包装类如下：

$susy: (
    math: fluid,
    columns: 12,
    gutters: 0.25,
    gutter-position: split,
);

问题是包装器内的子元素。如果有时我想制作完整的专栏，我会尝试这样做

@include span(full);

但这并不完整，它有排水沟。我尝试另一个

@include span(full no-gutters);

这使元素没有排水沟，但它仍然留下排水沟宽度。

我怎样才能让它充满（没有排水沟）？仅适用于某些元素。

谢谢查拉

Answer 1

Block level elements are full-width by default, you don't need any mixin for that. If you are overriding a previous Susy mixin, you can just use width: 100%. Or you can do change this element to use inside no-gutters to make Susy output what you want.

@include span(full inside no-gutters);

That works because inside-gutter handling is the same as split, but the element has to span the outer width or columns + gutters.