参见英文答案 >
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/工作
