susy - 如何使它全宽(没有排水沟)?

时间:2014-10-28 12:04:09

标签: css layout susy

当我使用SUSY构建网格时出现问题。我在下面设置了包装类:

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

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

@include span(full);

但这并不完整,它有沟槽差距。我尝试了另一个

@include span(full no-gutters);

这个make元素没有排水沟,但它仍留有水沟宽度。

怎样才能让它充满(没有排水沟)?仅适用于某些元素。

由于 Chalat

1 个答案:

答案 0 :(得分:11)

默认情况下,块级元素是全宽的,您不需要任何混合。如果您要覆盖之前的Susy mixin,则可以使用width: 100%。或者您可以更改此元素以使用inside no-gutters使Susy输出您想要的内容。

@include span(full inside no-gutters);

这是有效的,因为内部水槽处理与split相同,但元素必须跨越外部宽度或列+水槽。