css - 全高固定左侧边栏实现

Question

我正在尝试使用Twitter Bootstrap和 Fluid Layout 实现以下场景：

• 左侧边栏（我不在乎宽度是否固定） - 占据整个高度（根本没有边距，就像jsfiddle.net中的边栏）
• 最右边的部分内容，会占据窗口的剩余部分（流体）

我试过这样设置，但它肯定不起作用（到处都有边距，列肯定不会占据所有垂直空间）：

<div class="container-fluid" style="">
    <div class="row-fluid" style="">
        <div class="span3" style="">
        </div>

        <div class="span9" style='background:#fff;'>
        </div>
    </div>
</div>

有任何想法吗？你会怎么做？

Answer 1

不完全确定，但我认为这可能有效......

将 height:100% 放在页面的 html 和 body 元素上。

然后给要成为页面全高的元素 min-height:100%

希望有帮助。