Css 基础6嵌套默认宽度行扩展行

我希望一行的背景为全宽，其中的内容为标准宽度行

我试图通过创建一个扩展的宽度行，对其应用背景并在其中嵌套一个标准行来实现这一点。但是，尽管没有展开的类，嵌套行的宽度还是完全展开的

这是我的尝试

<div class="row">
  <div class="small-2 large-4 columns"><!-- ... --></div>
  <div class="small-4 large-4 columns"><!-- ... --></div>
  <div class="small-6 large-4 columns"><!-- ... --></div>
</div>

<div class="row expanded">
  Expanded row
  <div class="row">
    <div class="large-12">Nested Row</div>
  </div>
</div>

扩展行
嵌套行

---

有没有办法将标准宽度行嵌套在扩展宽度行中？或者有更合适的方法来执行这个动作吗？

< P>这是在6.2.1基础中介绍的一个已知问题：

正如您在6.2.0中看到的，内部行工作正常：

这个问题仍然存在，但是您可以使用一些额外的CSS来解决它

.row .row {
    max-width: 75em;
}

---

哎呀，对不起，我忘了。它现在添加在shorts-no中。您可以简单地删除

行扩展的

包装器，因为它具有简单div的行为