边栏导航不占用网站的全高

时间:2015-10-02 15:03:24

标签: html css zurb-foundation

因此,我正在建立一个小型简单网站的问题。我有一个带深色背景的侧边栏导航。在内容长于导航内容的网页上,我需要将该背景扩展为主要内容。您可以在查看页面时看到我在谈论的内容。

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

如果向下滚动,则可以看到导航内容完成后黑色背景停止。

我在我的框架中使用基础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;
}

我尝试过最小高度最大高度溢出属性的组合,似乎可以找到合适的组合

1 个答案:

答案 0 :(得分:0)

所以我自己找到了修复,并认为我会分享。基金会有这个方便的JS功能调用&#34;均衡器&#34;这对我的解决方案非常有用。

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