HTML/CSS - 動態調整iframe而不使用javascript

Question

我正在使用JavaScript來調整iframe相對於其內容的大小。 目標是僅顯示內容並使用iframe父級的滾動。

HTML

<div id="content"> 
    <iframe name="tht" width="100%" src="path" onload='javascript:resizeIframe(this);'></iframe> 
</div> 

JAVASCRIPT

function resizeIframe(obj) { 
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px'; 
} 

我想有沒有使用JavaScript（僅CSS）相同的行爲。

我試圖使用height="100%"，但iframe的滾動出現。

編輯：我沒有問題使用JavaScript解決方案，但有時iframe調整大小需要很長時間，有時調整大小不起作用：沒有顯示。

Answer 1

<iframe src="http://www.example.com/" 
     class="iframe" 
     width="100%" 
     height="400px" 
     scrolling="no" 
     frameborder="0"> 
</iframe> 

您可以在此使用上面有規定width="100%"但高度將被固定。

您可以嘗試調整瀏覽器的大小。