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

Question

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

• Left sidebar(我不关心宽度是否固定)- 占据整个高度(完全没有边距，就像 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%

希望对您有所帮助。