如何嵌套grid-xy

Question

我想嵌套基金会grid-x。我的问题是#spanCells没有父#content容器的宽度。它正好可以满足需要。

<div class="grid-container">
    <div class="grid-x grid-margin-x" id="content">
        <div class="grid-x grid-margin-x" id="spanCells">
            <div class="cell medium-4">One</div>
            <div class="cell medium-4">Two</div>
            <div class="cell medium-4">Three</div>
        </div>
        <div class="medium-9 cell">
            Left
        </div>
        <div class="medium-3 cell">
            Right
        </div>
    </div>
</div>

我需要将style="width:100%"添加到#spanCells，但我认为我只是通过嵌套网格而犯了一个错误。

由于代码部分是由CMS生成的，所以我不能简单地编写

<div class="grid-container">
    <div class="grid-x grid-margin-x" id="spanCells">
        [...]
    </div>
    <div class="grid-x grid-margin-x" id="content">
        [...]
    </div>
</div>

那么，如何正确嵌套网格？