html - 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% 的高度，他们需要他们的 parent 拥有 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%;
}