HTML <object> 适合其内容的高度

Question

我正在尝试使用 <object type='text/html' data='/forum'></object>使用 width:800px; min-height:525px; 在内容 div 中显示 phpbb 论坛.

正常内容的 div 正在调整大小，因此它会随着内容的增长而变长。但是 object type 仅保留高度值并制作滚动条。如果我没有设置高度或 height:auto在对象上它没有完全扩展到 divContent尺寸。如果我设置高度或最小高度适合，但总是会产生滚动条。

如何制作 <object>随着内容变长，容器自动调整大小？

Answer 1

正如评论中正确指出的那样，您可以将论坛包含在 iframe 中。

<iframe src="forum.html" width="100%" id="yourframe"></iframe>

然后就可以在iframe中获取div的高度，如图this post .最后，您可以根据其内容使用此高度调整 iframe 的大小。

$(document).ready(function() {
    $( "#yourframe" ).on('load', function() { 
        var mydiv = $(this).contents().find("div");
        var h = mydiv.height();
        $(this).height(h);
    });
});