html - 侧边栏导航不占用网站的全部高度

Question

所以我在构建一个简单的小型网站时遇到了问题。我有一个深色背景的侧边栏导航。在内容比导航内容长的页面上，我需要将背景扩展到与主要内容一样长。您可以在查看页面时明白我在说什么。

http://germantown.acscreative.com/2015/Appaloosa2015/_build_093015/transition.php

如果向下滚动，您可以看到当导航内容完成时黑色背景停止。

我正在为我的框架使用 foundation 5。

<div class="medium-12 columns sidebar">
    <a href="index.php"><img src="img/m-logo.png"></a>
    <p>ROB WIEDEFELD</p>
        <?php include 'navs/nav.php';?>
</div>

.sidebar {
    background: #2f3536;
    max-width: 300px;
    text-align: center;
    position: absolute;
    z-index: 9999;
    height: 100%;
    min-height: 900px;
}

我尝试了 min-height max-height 溢出属性的组合，似乎可以找到正确的组合

Answer 1

所以我自己找到了解决方法，并认为我会分享。 Foundation 有这个方便的 JS 功能调用“均衡器”，它非常适合我的解决方案。

可能是简单的出路，但工作。