Susy网格中各节的全尺寸背景

Question

我想在Susy grid system：

中创建类似的内容

不同的颜色展示了网站的不同部分以及它们的背景颜色。垂直线是网格列。

如果我使用一个简单的网格容器，我只能在网格内部的div内设置背景颜色，但我希望将背景颜色拉伸到网站的左右边缘。内容保留在网格中。

我找到了一个使用多个网格容器的解决方案（每个部分一个），但我听说不推荐这种方法。

而且我也不想使用流体网格容器。

Answer 1

正如Susy的开发人员Eric Meyer在评论中指出的那样，Susy网格只是一个概念，网站上有多个网格没有任何问题，每个部分都有一个网格。

Answer 2

我正在处理类似的问题。 我使用了以下方法：在每个部分中都有div（我们称之为'内容'）。

将容器类应用于'content'div。 .content{@include container;} 这样，当您设置节的背景颜色时，它会跨越页面的整个宽度，而节中的内容则符合网格规则。

希望它有意义。