CSS侧边栏高度在基础中为100％

Question

我在基础框架中使用带有边栏和内容区域的网格系统。 我想根据主要部分（ 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;
   }