html - Zurb Foundation 4 - 如何创建全高柱

Question

我正在尝试创建一个 float 面板。它需要与网格分离并填充文档的整个高度，在左侧，如 SO:

---

到目前为止我的实验:

<div class="row left">
    <div class="small-3">
        <div class="panel">
            Panel HTML
        </div>
    </div>
</div>
<div class="row">
    <div class="small-6 columns"><div class="panel">Main - Content</div></div>
    <div class="small-6 columns"><div class="panel">Main - Content</div></div>
</div>

产生以下内容:

我不确定使用 Foundation 时的最佳实践是什么，并且在他们的文档中找不到引用。感谢帮助:)

Answer 1

这里如果发现问题 https://github.com/zurb/foundation/issues/226

试试这个 jquery 插件来同步高度 https://github.com/ginader/syncHeight (我还没试过)