参见英文答案 >
CSS 100% height with padding/margin11
使用bootstrap我有创建div 100％的父元素的高度的困难.
使用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/工作
