側欄導航沒有佔用網站的全部高度

所以我遇到了一個問題，我正在構建一個小的簡單網站。我有一個黑色背景的側邊欄導航。在內容長於導航內容的頁面上，我需要該背景才能隨主要內容一樣展開。當你查看頁面時，你可以看到我在說什麼。側欄導航沒有佔用網站的全部高度

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

我試圖最小高度最大高度溢出屬性的組合，只是似乎找到正確的組合

來源

2015-10-02 Dan Crowe

它似乎已經工作了？我沒有遇到你所描述的問題。你在瀏覽什麼瀏覽器和操作系統？ – loganfarr

是的，我其實只是解決了這個問題。謝謝你看看 –

所以我找到了解決自己，以爲我也有同感。 Foundation有這個方便的JS功能調用「均衡器」，非常適合我的解決方案。

可能是簡單的出路，但工作。

來源

2015-10-02 15:25:05

側欄導航沒有佔用網站的全部高度

回答

相關問題