css – 引导. div其父元素的100％高度

参见英文答案 > CSS 100% height with padding/margin11
使用bootstrap我有创建div 100％的父元素的高度的困难.

我有流体div和两个.span divs.
第一个.span9有更多的内容,那么第二个.span3有导航和空格.我想用空白填充空白.我想要这样拉伸,在.span9的内容到达的地方.

解决方法

这是一个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/工作

css – 引导. div其父元素的100％高度

解决方法

相关文章