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沒有跨越整個寬度

回答

相關問題