html iframe高度问题

在 HTML 中，可以使用 iframe 标签来嵌入其他网页或文档。如果你希望设置 iframe 的高度，有以下几种方法：

1. 使用固定高度值

可以使用 iframe 标签的 height 属性来设置固定的高度值，例如：

<iframe src="http://example.com" height="500"></iframe>

这样会将 iframe 的高度设置为 500 像素。

2. 使用百分比高度值

也可以使用百分比作为高度值，例如：

<iframe src="http://example.com" height="50%"></iframe>

这样会将 iframe 的高度设置为父元素的 50%。

3. 使用 JavaScript 动态设置高度值

如果需要根据 iframe 内容的高度动态设置 iframe 的高度，可以使用 JavaScript。以下是一个示例：

<iframe src="http://example.com" id="myFrame"></iframe>
<script>
  var myFrame = document.getElementById("myFrame");
  myFrame.onload = function() {
    var height = myFrame.contentWindow.document.body.scrollHeight;
    myFrame.style.height = height + "px";
  };
</script>

这个示例会在 iframe 加载完成后获取 iframe 内容的高度，并将 iframe 的高度设置为内容高度。注意，这种方法需要在同域内才能生效。如果 iframe 的源与父页面不在同一个域，就无法获取 iframe 内容的高度。