css – susy – 如何使其全宽(没有排水沟)？

当我使用SUSY构建网格时遇到问题.我设置了以下包装类：

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

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

@include span(full);

但这并不完整,它有沟槽差距.然后我尝试另一个

@include span(full no-gutters);

这使得元素没有排水沟,但它仍然留有水槽宽度.

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

谢谢
Chalat

解决方法

块级元素默认为全宽,您不需要任何mixin.如果你要覆盖以前的Susy mixin,你可以使用宽度：100％.或者您可以更改此元素以在无排水沟内使用,以使Susy输出您想要的内容.

@include span(full inside no-gutters);

这是有效的,因为内部排水沟处理与拆分相同,但元素必须跨越外部宽度或列排水沟.

原文地址：https://www.jb51.cc/css/214061.html