Iframe没有跨越整个宽度

我目前使用模态内的iframe来显示一些信息。但是，此iframe拒绝采用其容器的全部高度和宽度。这是我现在有：Iframe没有跨越整个宽度

这个代码第一位是模态的CSS的iframe是

.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会得到一个不理想的滚动条。有人知道解决办法吗？

来源

2016-11-28 Umar Gora

它不是.uiModalContent的'padding'你烦恼？ –

可以给我演示链接吗？ – Logeshwaran

这不是我的主要问题没有。 –

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

Fiddle。

来源

2016-11-28 08:51:12

给您的位置：绝对;,宽度和高度为100％，

.uiModalContent { 
    background: #ffffff; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    overflow: auto; 
    padding: 0; 
    border: #222222 1px solid; 
}

来源

2016-11-28 08:56:28 Sathishkumar

Iframe没有跨越整个宽度

回答

相关问题