Jquery CSS响应引导DIV高度

---

这是我的基本结构代码，我在加载时用JQuery动态填充它。我希望第二排流体永远不要超过页面高度，也不希望我的页面出现y形滚动条。请指导我使用css。

您的y滚动条取决于您在

行中填写的数据。要删除滚动条，可以应用样式

    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12" id="header">
            </div>
        </div>
        <div class="row-fluid">
            <div class="span10" id="body">
            </div>
            <div class="span2">
                <div class="row-fluid">
                    <div class="span12" id="updates">
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span12" id="chat">
                    </div>
                </div>
            </div>
        </div>
    </div>

到您的第二排
流体

但额外的内容将被隐藏

检查fiddle。
尽管没有CSS和Jquery很难重新生成界面，但我假设您需要的高度不超过浏览器视图端口高度。您可以将右面板指定为单独的类别，即
。右面板
，并使用CSS3
vh
值将其置于最大高度。所以它看起来像：

max-height:500px;
overflow:hidden; 

希望有帮助。
如果屏幕上没有足够的空间，您希望如何访问内容？在div.body、div.chats中滚动。页面的最大宽度是多少？1280px，1024px，768px，320px？对于这种布局，我设置了一个最大宽度，然后将浮动抛出窗口，并使用绝对值（或者如果您更合适，则使用固定值）。只要我在一个线框上看到多个滚动条，我就会立即转到绝对定位。您可以检查flex，但不确定它们处理多个可滚动区域的效果如何。使用500px作为高度将使页面无响应。不我无法让页面响应屏幕高度并将容器div扩展到屏幕高度。
.right-panel{
height: 100vh;
}