Zurb foundation 基础5：非嵌套布局

我正在使用，试图解决我遇到的一个问题。假设我有这样一个布局

<div class="row">
    <div class="large-15 columns">
        <div class="large-9 columns">

        </div>

        <div class="large-6 columns">
            <div class="large-3 columns">
                <p>stuff</p>
            </div>
            <div class="large-3 columns">
                <p>stuff</p>
            </div>
        </div>
    </div>
</div>

---

如何阻止.large-3列嵌套？我希望每个.large-3列占其父列的一半。large-6。这是可能的，还是我做错了？

首先，基础网格是12单位宽的，所以除非你已经建立了一个自定义的网格，并且为它编写了定制的CSS，否则大15%就不意味着什么了。 这就是说，这将使用12个单位的网格将右侧柱整齐地分成两半。网格中的每一行加起来必须是12行，无论嵌套的深度有多深。如果您为一个15单元的网格布置了必要的结构，同样的原则也适用，尽管将事物一分为二要困难得多

<div class='row'>
  <div class='large-12 columns'>
    <div class='large-7 columns'>
      <p>stuff</p>
    </div>
    <div class='large-5 columns'>
      <div class='large-6 columns'>
        <p>stuff</p>
      </div>
      <div class='large-6 columns'>
        <p>stuff</p>
      </div>
    </div>
  </div>
</div>

---

我想你需要块网格

如果使用类small-block-grid-2和两个li创建块栅格，则两个li将占据可用宽度的一半

我还显示了您的最后一条评论，如果您不需要margin，那么将collapse类添加到row div

---

我希望这能有所帮助。

对不起，我应该提到我已经编写了一个自定义的15列网格。我想知道是否有办法阻止筑巢？因为它增加了我不喜欢的额外利润。