我有一个带有以下 Twitter Bootstrap 布局的 ASP.NET MVC 视图:
<div class="container">
<div class="container-fluid header">
[Header content]
</div>
<div class="row-fluid">
<div class="span9">
<div class="container-fluid main-content">
[Main Content]
</div>
</div>
<div id="right-sidebar" class="span3">
[Right Sidebar Content]
</div>
</div>
</div>
我的问题是我的 [主要内容] 比我的 [右侧边栏内容] 高得多。由于我的 [右侧边栏内容] 具有不同的背景颜色,我希望它一直延伸到我的页脚(我的 [主要内容] 的整个高度。)
我尝试设置height: 100%
到侧边栏,但在 Chrome 中没有明显效果。谁能看到如何实现这一目标?