Question

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

内容正常的div正在调整大小，因此随着内容的增长，它会越来越长。但object类型仅保存高度值并生成滚动条。如果我没有在对象上设置任何高度或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);
    });
});

Answer 2

感谢两者，指出了方向：）

我最后使用iframe，感谢Quentin。使用以下JavaScript：

function ResizeIframe(id){
  var frame = window.parent.document.getElementById('iframe');
  frame.style.height = frame.contentWindow.document.body.scrollHeight + "px";
 }

和html：

echo "<iframe id='iframe' onload='ResizeIframe(\"iframe\")' src='/forum' style='width:100%; min-height:525px; border:0px; overflow-y:hidden;'></iframe>";

Giorgio＆gt;我会进一步了解你的方法。感谢。

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

2 个答案: