Javascript 如何使iframe 100%高度包装在容器中？

我想给iFrame 100%的宽度和高度，根据其内容，但它不是采取100%的宽度或100%的高度

我曾尝试使用“绝对位置”（position absolute），但iframe的宽度比它所在的容器增加了更多

这是我的密码：

<iframe id="solar_panel" width="100%" height ="740"  src="<?php echo $s; ?>"></iframe>
<script>
var intervalListener = self.setInterval(function () {resizeIframe()}, 1000);
function resizeIframe() {
var obj =   document.getElementById('solar_panel');
var objH = obj.contentWindow.document.body.scrollHeight;
obj.style.height = obj.contentWindow.document.body.scrollHeight + "px";
 if (objH != 0) {
    window.clearInterval(intervalListener);
  }
}
jQuery(window).resize(function(){
    resizeIframe();
});
</script>

---

需要调整iframe的可能重复项的大小，还是尝试使用js解决方案来执行此操作？您是否搜索了css解决方案？可能需要调整iframe的重复大小，或者您尝试使用js解决方案来执行此操作？你搜索过css解决方案吗？