当我使用SUSY构建网格时出现问题。我在下面设置了包装类:
$susy: (
math: fluid,
columns: 12,
gutters: 0.25,
gutter-position: split,
);
问题是包装内的子元素。如果有时我想制作完整的列,我会尝试这样做
@include span(full);
但这并不完整,它有沟槽差距。我尝试了另一个
@include span(full no-gutters);
这个make元素没有排水沟,但它仍留有水沟宽度。
怎样才能让它充满(没有排水沟)?仅适用于某些元素。
由于 Chalat
答案 0 :(得分:11)
默认情况下,块级元素是全宽的,您不需要任何混合。如果您要覆盖之前的Susy mixin,则可以使用width: 100%
。或者您可以更改此元素以使用inside no-gutters
使Susy输出您想要的内容。
@include span(full inside no-gutters);
这是有效的,因为内部水槽处理与split
相同,但元素必须跨越外部宽度或列+水槽。