css - Twitter Bootstrap 2 流畅的布局应该适合屏幕（+ 可滚动区域）

Question

我尝试实现一个新的基于 Bootstrap 的设计。

如何使流畅的布局适合屏幕并仅创建一个可滚动区域（内容）？

我试图将 Content-div 的 body、html 和所有父标签设置为 height:100%、overflow:hidden 并且只有 Content 设置为 overflow:auto - 但这不起作用。

有任何想法吗？

该设计由一个流体布局和三行组成（页眉：span2+span10，正文：span2+span10，页脚：span12）

编辑：目前我使用 jQuery 并在每次窗口大小更改时调整它的大小 - 它可以工作，但不是一个好的解决方案..

Answer 1

假设你有类似的东西：

<div class="row-fluid">
    <div class="span3">
        Sidebar
    </div>
    <div class="span9" style="overflow:auto">
        Content
    </div>
</div>

您可以设置侧边栏 div 和内容 div 的 CSS （height甚至max-height），或者您可以使用EqualHeighs jQuery 插件之类的东西来动态设置相同的高度（记住设置最小和最大高度：） 。 $(".x").equalHeights(100,300);