2015-10-02 54 views
0

所以我遇到了一个问题,我正在构建一个小的简单网站。我有一个黑色背景的侧边栏导航。在内容长于导航内容的页面上,我需要该背景才能随主要内容一样展开。当你查看页面时,你可以看到我在说什么。侧栏导航没有占用网站的全部高度

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; 
} 

我试图最小高度最大高度溢出属性的组合,只是似乎找到正确的组合

+0

它似乎已经工作了?我没有遇到你所描述的问题。你在浏览什么浏览器和操作系统? – loganfarr

+0

是的,我其实只是解决了这个问题。谢谢你看看 –

回答

0

所以我找到了解决自己,以为我也有同感。 Foundation有这个方便的JS功能调用“均衡器”,非常适合我的解决方案。

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