Css 模态框架高度

我有一个IFrame，它提供了一个安全的支付门户。 我在这里模拟了这个：

小屏幕和大字体的客户无法看到IFrame底部的继续/取消按钮，我们遇到了一些问题。 发生的事情是IFrame通常比页面高，页面滚动条不会影响IFrame

现在可以从JSBin截图中看到，我已经尝试使用%高度作为IFrames最小和最大高度。这似乎在Chrome中或多或少起作用。然而，在Internet Explorer/Firefox中，IFrame仍然非常小

我做错了吗。有更好的方法吗

.modal-body {
position:relative;    
  min-height:100%; max-height:100%;
    padding:15px;
  padding-top:0px;
    overflow-y:auto
}


#paymentIFrame{
  min-height: 70%;max-height: 70%;
}

---

您还必须将高度应用于父图元，才能使其生效

在此处签出固定代码：

此外，您还可以在此处阅读有关本文的更多信息：

---

谢谢。看起来我一开始就走对了，但错过了最后一步！也谢谢你的链接。