增加iframe高度

Question

我正在使用jquery load（）将一个“html”页面加载到div（例如：#targets）。这个div位于iframe下面。加载html文件后，div高度和iframe高度不会根据html文件内容高度增加。

如何根据div中的htm内容更改iframe和div高度。

Answer 1

试试这个css代码：

div, iframe
{
  overflow:auto;
  height:auto;
}

Answer 2

我建议阅读此博客文章

jQuery iFrame Sizing

// For some browsers (for opera, safari check blog post, chrome?)
$('iframe').load(function() {
    this.style.height =
    this.contentWindow.document.body.offsetHeight + 'px';
});