设置iframe自适应内容高度

设置`<iframe>`元素的高度使其自适应内容，通常有两种方法：

1. **使用CSS**:
- 当iframe的内容已经加载完成时，可以利用JavaScript获取其实际高度，并将其作为样式应用于iframe。例如：

     <iframe id="myIframe" src="your_url"></iframe>
     <script>
       window.onload = function() {
         var iframe = document.getElementById('myIframe');
         iframe.style.height = iframe.contentDocument.body.scrollHeight + 'px';
       };
     </script>

这里通过`window.onload`事件确保内容加载完成后计算高度。

2. **使用HTML5属性**:
使用`scrolling="auto"`允许iframe内的内容滚动，然后设置`height="0"`，让浏览器自动调整高度。如果需要限制最大高度，可以在CSS中添加max-height属性：

   <iframe id="myIframe" src="your_url" scrolling="auto" height="0" style="max-height:400px;"></iframe>

需要注意的是，这种方法依赖于浏览器的行为，不是所有情况都能保证完美适配，特别是跨域页面的情况可能会有限制。