Css 全宽行和周围的容器 我正在使用Zurb基金会的最新版本。我想使用全宽度布局，并利用非画布元素

因此，我有一个突出的问题，但我想要全宽行，但仍然能够围绕该行的全宽背景色。（例如）像英雄街区一样

为简单起见，这是有问题的代码：

HTML

---

我希望页面的全宽是黑色的。

这是因为在

.columns

元素上它们使用float。这会使元素脱离流，因此不再根据其内容调整大小（因为内容不在同一流中，只是溢出）

要强制元素保持在相同的流中，可以使用：

.full-page {
    min-width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
    overflow: hidden;
}

---

@RyanMcDonough我发现了为什么会发生这种情况的真正问题。您似乎想在

.full page

元素上强制使用该元素。检查我的更新！非常感谢！是的，我注意到它没有得到一个高度或任何东西，我试着设置一个最小高度，但这只是将栏设置为该高度，并在页面上的某个位置随机设置。很高兴我能帮忙！：）

.full-page {
   min-width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}


.content-block {
    background:#000;
}

.full-page {
    min-width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
    overflow: hidden;
}