全高固定左侧边栏实现

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%

希望对您有所帮助。