Zurb Foundation 4 - 如何创建全高柱

Shl*_*rtz 6 html css layout web zurb-foundation

我正在尝试创建一个浮动面板.它需要与网格分离并填充文档的整个高度,在左侧像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>
Run Code Online (Sandbox Code Playgroud)

产生以下内容:

在此输入图像描述

我不确定使用Foundation时的最佳做法是什么,并且在他们的文档中找不到引用.感谢帮助:)

小智 1

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

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