引导程序3分钟高度div不扩展

我有一个引导程序3页面，其中包含内容的居中框。如果内容增长，该框保持静态，并且不随我的内容增长，但引导容器增长。我不知道为什么“盒子”没有扩大。我试过“位置：相对”和“溢出：隐藏”，但它不起作用。
我也试过“容器液” - 没有反应。引导程序3分钟高度div不扩展

我的CSS样式表：

html, 
    body { 
     height:100%; 
     width:100%; 
    } 

    .container { 
     height:100%; 
     min-height:100%; 
    } 

    .row { 
     height:100%; 
     min-height:100%; 
    } 
.box { 
    height:90%; 
    min-height:90%; 
    max-width:1100px; 
    background-color:rgba(0,0,0,0.83); 
    text-align:left; 
    padding-left:5%; 
    padding-right:5%; 
    padding-top:1%; 
    overflow:hidde; 
    position: relative; 
}

HTML：

<div class="container"> 
     <div class="row"> 
      <div class="box"> 
       <div class="col-xs-12"> 
       </div> 
      </div> 
     </div> 
</div>

来源

2016-04-08 elkloso

您能否请您提供一个JSFiddle，以便我们可以看到您正在实现/尝试实现的目标。 –

的你框你硬编码的高度，这就是为什么随着越来越多的内容来自于你要设置它不生长。 height至auto。如果你想那个盒子的最小高度，而没有这么多的内容存在只使用一个额外的min-height: 100vh;

.box { 
    height:auto; 
    min-height: 100vh; 
    /* etc. 
}

见工作Fiddle

来源

2016-04-08 10:42:23 Roman

谢谢，它的工作原理。这让我很尴尬。：d – elkloso

由于您使用的自举，尽量让这样

<div class="container"> 
    <div class="row"> 
     <div class="col-md-12 box"> 
      <div class="col-xs-12"> 
      </div> 
     </div> 
    </div>

，然后作出这样的高度：

.box 
{ 
    height: 100%; 
}

来源

2016-04-08 10:48:17 Saif

引导程序3分钟高度div不扩展

回答

相关问题