iframe隨內容自動調整高度

方法：用JavaScript取得iframe頁面載入完後的高度，再重新設定iframe的高度。

用contentWindow可以取得frame或iframe所載入的頁面

<script>
function aa(){
  var f=document.getElementById('ff');
  f.style.height = f.contentWindow.document.body.scrollHeight + 40 + 'px';
}
</script>
<iframe frameborder="0" id="ff" onload="aa();" src="test.html" width="600"></iframe>

jQuery則用contents()取的iframe所載入的頁面

<script>
$(function(){  
    $("#ff").load(function(){         
        $(this).height($(this).contents().find("body").height() + 40);  
    });  
});
</script>
<iframe frameborder="0" id="ff" src="test.html" width="600"></iframe>