Html 100%俯仰高度的可滚动导航

我使用的是引导，页面左侧有一个span2用作导航。导航内有一个项目列表。我希望导航是可滚动的。我还希望导航占据页面的剩余高度

我不想绝对定位导航，我希望它保持一个span2引导，这样当屏幕宽度减小时，它会流到页面顶部

<div class="row-fluid">
    <div class="span12" style="height: 150px;">
        Some Top level content
    </div>
    <div class="row-fluid">
    <div class="span2">
        Here is my nav
<div id="navigation" class="scroll">
        <div id="menu">
            <ul>
                <li><a href="">Link</a></li>
                <li><a href="">Link</a></li>

*{
    margin:0px;padding:0px;
}
html,body{
    width:100%;
    height:100%;
    font-family: Arimo, sans-serif;
}

a { color: #fff; }

.scroll {
    overflow-y: scroll;
    height: 100vh;
}

有没有办法告诉css中的div占据页面的剩余高度，然后在该高度内滚动

这里有一把小提琴，试图更好地解释我试图解决的问题。您会注意到页面会随着导航一起滚动。我只希望导航滚动

尝试：

高度：calc100%-XXpx

---

当XX是页面其他元素的高度时。

在您的例子中：calc100vh-170px，这很接近。然而，我的页面仍然会在导航栏下向上滚动一点。看这里：有可能防止吗？我基本上有相同类型的导航条在顶部与引导。这里更新的小提琴。。。这是我的导航文本。我假设文本高度等于20px，但这可能会有所不同。