我目前在模态框内使用 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
得到一个不理想的滚动条。有人知道解决方法吗?
最佳答案
只需删除 .uiModalContent 的填充,或将其设置为 0
。
Fiddle .
关于html - iframe 未跨越全宽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40840051/