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