如何将min-height设置为bootstrap中另一个div中的div？

Question

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

这是我的代码：

<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

Answer 2

嵌套min-height＆amp;高度或两者在css中不起作用，因为需要高度来检测最小高度和高度。副verca。在代码中使用height:100%而不是min-height。并给出高度：100％到html＆amp;体。

Answer 3

Demo

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

       }

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