css - 如何将最小高度设置为 Bootstrap 中另一个 div 中的 div？

Question

我正在使用 Twitter-Bootstrap 并为 div 类 main 设置了 min-height: 100%。但是，我无法为另一个 div 类 sub 设置 min-height: 70%。

这是我的代码:

<div class="main col-xs-12">
    <div class="sub col-xs-6"></div>
</div>

.main
{
    min-height : 100%;
    border : 2px solid #000000;
}
.sub
{
    min-height : 70%;
    border : 2px solid #fffffff;
}

Answer 1

HTML

 <div class="main col-xs-12">
     <div class="sub col-xs-6"></div>
   </div>

CSS

body, html
{
    height:100%;
    min-height:100%;
}
.main
   {
       height:100%;
    min-height : 100%;
    border : 2px solid #000000;
   }
   .sub
   {
    min-height : 70%;
    border : 2px solid red;
   }

Fiddle

Full Page Demo