有以下幾種方法可以實現iframe的高度自適應：

1. 使用JavaScript動態調整高度：通過JavaScript的方法來獲取iframe中內容的實際高度，然后將該高度賦值給iframe的height屬性。

<script>
  function resizeIframe() {
    var iframe = document.getElementById('myIframe');
    var iframeHeight = iframe.contentWindow.document.body.scrollHeight;
    iframe.style.height = iframeHeight + 'px';
  }
</script>

<iframe id="myIframe" src="yourPage.html" onload="resizeIframe()"></iframe>

2. 使用CSS的calc()函數：通過CSS的calc()函數來計算iframe的高度，將iframe的高度設置為100%減去固定的高度。

<style>
  #myIframe {
    height: calc(100% - 50px); /* 50px為固定高度 */
  }
</style>

<iframe id="myIframe" src="yourPage.html"></iframe>

3. 使用jQuery的resize()方法：通過jQuery的resize()方法來自動調整iframe的高度。

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $('#myIframe').on('load', function() {
      $(this).height($(this).contents().height());
    });
  });
</script>

<iframe id="myIframe" src="yourPage.html"></iframe>