全高固定左侧边栏实施

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

不完全确定，但我认为这可行...

将高度：100％放在页面的html和body元素上。

然后将您希望成为页面全高的元素赋予最小高度：100％

希望有所帮助。