html - iframe 未跨越全宽

Question

我目前在模态框内使用 iframe 来显示一些信息。但是，此 iframe 拒绝占用其容器的全部高度和宽度。这是我现在拥有的:

第一段代码是 iframe 所在模态的 CSS

.uiModalContent {
  background: #ffffff;
  width: 900px;
  height: 550px;
  position: relative;
  overflow: auto;
  padding: 20px;
  border: #222222 1px solid;
}

这是 iframe 的内容

<iframe id="ifrmEmail" class="resizeableIframe" name="ifrmEmail" scrolling="no" frameborder="0" height="242" width="100%"></iframe>

我已将高度和宽度更改为 100%，但是当我这样做时，uiModalContent 得到一个不理想的滚动条。有人知道解决方法吗？

Answer 1

只需删除 .uiModalContent 的填充，或将其设置为 0。

Fiddle .