Html 侧栏导航未占据网站的全部高度

因此，我在建设一个简单的小网站时遇到了一个问题。我有一个黑色背景的侧边栏导航。在内容比导航内容长的页面上，我需要背景和主要内容一样长。当你查看页面时，你可以看到我在说什么

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

我使用基础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;
}

罗布·维德菲尔德

.侧边栏{
背景:#2f3536；
最大宽度：300px；
文本对齐：居中；
位置：绝对位置；
z指数：9999；
身高：100%；
最小高度：900px；
}

---

我尝试了最小高度最大高度溢出属性的组合，似乎找到了正确的组合

，所以我自己找到了修复方法，并想与大家分享。基金会有这个方便的JS特性调用“均衡器”，它对我的解决方案起到了很好的作用。

---

也许这是一个简单的解决办法，但是工作

它似乎已经开始工作了？我没有遇到您描述的问题。你在哪个浏览器和操作系统中查看它？是的，我实际上刚刚解决了这个问题。不过谢谢你看一看