【问题标题】：Zurb Foundation background color outside grid网格外的Zurb Foundation背景颜色
【发布时间】：2013-02-09 13:56:43
【问题描述】：
我确定这很简单，但我不知道如何创建这样的布局：
我的网格大小等于白色区域的宽度。我对占据整个页面宽度的深蓝色顶部栏没有任何问题，但我不知道如何创建浅蓝色边，因为它们在基础网格之外。如果我将身体背景更改为浅蓝色，那么中间的基础网格也会变为蓝色。
感谢任何指点。
【问题讨论】：
标签：
css
zurb-foundation
grid-layout
【解决方案1】：
foundation_and_overrides.scss 文件有一个名为$body-bg 的变量，它接受你想要的任何颜色。
如果您使用这种方法 - 不要忘记删除 scaffolds.css.scss 中的任何正文样式（否则它可能会覆盖您在基础设置中指定的任何内容）。
【解决方案2】：
body { background-color: blue; }
.row { background-color: white; }
body的背景色会占据整个页面，row的背景色会叠加到body的背景色上。