html - 由于 iframe 边距，iframe 内的 Div 不完全可见

Question

我在 iframe 中有一个 div。我的问题是，当 div 打开时，由于 iframe 的宽度限制，其内容没有完全显示。我尝试使用 z-index 并为 iframe 内的 div 设置了更高的 z-index 值，但没有成功。非常感谢任何建议。谢谢!

Answer 1

您可以在加载内容时自动调整 iframe 的大小:

<script type="text/javascript">
  function autoResize(id){
    var height = document.getElementById(id).contentWindow.document.body.scrollHeight;
    var width = document.getElementById(id).contentWindow.document.body.scrollWidth;

    document.getElementById(id).height= (height) + "px";
    document.getElementById(id).width= (width) + "px";
  }
</script>

<iframe src="yourpage.html" id="yourframe" onLoad="autoResize('yourframe');"></iframe>