Bootstrap在整个窗口中显示div元素

Question

如何在引导程序中将iframe元素填充到整个剩余窗口中。我的代码就像这样

HTML

<div id="mcontainer" class="container-fluid">
  <div id="BMShid" class="hidden">
    <iframe class="col-xs-12" id="BMSfrm" >
    </iframe>
  </div>
</div>

CSS

#mcontainer{
  height:100%; 
  width:100%
}
#BMSfrm{
  width:100%;
  height:100%;
  min-height:100%;
}

Answer 1

旧技巧是将height:100%设置为html和body元素。问题是，要让他们达到100％的身高，他们需要父母拥有100％的身高。如果其中一个iframe的父母不是100％高，则iframe将无法超出该父级的高度，这包括body和html元素。另外，将display:block设置为iframe

html, body{
  height: 100%;
}
#mcontainer{
  height:100%; 
  width:100%;
}
#BMSfrm{
  display: block;
  width:100%;
  height: 100%;
}