Css側邊欄高度100％基礎

Question

我在foundation framework中使用網格系統，帶有側邊欄和內容區域。我想延長側欄導航的基礎上主要部分的內容高度（small-10）：

<div class="row"> 
    <div class="small-2 columns"> 
     <div id="side-nav"> 
      <ul> 
       ... 
      </ul> 
     </div> 
    </div> 
    <div class="small-10 columns"> 
     @RenderBody() 
    </div> 
</div> 

我已經試過：

#side-nav 
    { 
     height:100%; 
     background:#f0f0f0; 
    } 

Answer 1

如果你想兩列是相同的高度，這是一個情況下我仍然會用<table>的

Answer 2

一套CSS

#side-nav 
    { 
    display:block; 
    }