css - 网格外的Zurb Foundation背景颜色

Question

我确定这很简单，但我不知道如何创建这样的布局：

我的网格大小等于白色区域的宽度。我对占据整个页面宽度的深蓝色顶部栏没有任何问题，但我不知道如何创建浅蓝色边，因为它们在基础网格之外。如果我将身体背景更改为浅蓝色，则中间的基础网格也会变为蓝色。

感谢您的任何指示。

Answer 1

foundation_and_overrides.scss文件有一个名为的变量$body-bg，它接受您想要的任何颜色。

如果您使用这种方法 - 不要忘记删除任何 body 样式scaffolds.css.scss（否则它可能会覆盖您在基础设置中指定的任何内容）。

Answer 2

body { background-color: blue; }

.row { background-color: white; }

body背景色会占据整个页面， 的背景色会row叠加到 的背景色上body。