css - 引导程序。div 100% 其父元素的高度

Question

使用引导程序，我很难创建 div 100%height的父元素。

我有.row-fluiddiv 和两个.spandiv。第一个.span9有更多的内容，然后第二个.span3有导航和下面的空白。我想用颜色填充那个空白空间。我希望一直延伸到内容.span9到达的地方。

Answer 1

这是一个 CSS 解决方案，基于为每列添加一个大填充和一个同样大的负边距，然后将整行包装在一个隐藏溢出的类中。它也适用于跨浏览器

CSS

.col{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background-color:#ffc;
}

.col-wrap{  
    overflow: hidden;   
}  

HTML

<div class="container">
    <div class="row-fluid col-wrap">
        <div class="span9 col">

            ... span content ...

        </div><!-- end span 9-->

        <div class="span3 col">

            ... span content ...

        </div><!-- end span 3-->
    </div><!-- end row-fluid -->
</div> 

您可以在http://jsfiddle.net/panchroma/y3BhT/上看到它的工作原理