由於iframe邊距，iframe中的div不完全可見

Question

我在iframe中有div。我的問題是，當div打開時，由於iframe的寬度限制，其內容不會完全顯示。我嘗試使用z-index，併爲iframe中的div設置了更高的z-index值，但沒有成功。任何建議非常感謝。謝謝！

Answer 1

您是否嘗試過使用div的絕對位置？ 喜歡的東西：

.div-overlay { 
    position:absolute; 
    top:200px; 
    left:100px; 
} 

Answer 2

這可能在IFRAME

html,body {margin:0px; padding:0px} //use this in iframe css 

Answer 3

是因爲架體緣使用margin:0你不能溢出內容出iframe的邊界。因此overflow和z-index屬性不能用於讓某個元素流出iframe。

您需要增加框架的寬度或根本不使用iframe;例如通過AJAX加載內容並將它們插入到文檔的另一個元素中。

Answer 4

，你可以自動調整大小時的內容加載的iframe：

<script type="text/javascript"> 
    function autoResize(id){ 
    var height = document.getElementById(id).contentWindow.document.body.scrollHeight; 
    var width = document.getElementById(id).contentWindow.document.body.scrollWidth; 

    document.getElementById(id).height= (height) + "px"; 
    document.getElementById(id).width= (width) + "px"; 
    } 
</script> 

<iframe src="yourpage.html" id="yourframe" onLoad="autoResize('yourframe');"></iframe>