html <object> 大小以适合对象的内容

Question

我使用 [object] 标签来显示 .txt 文件的文本。该对象位于 div 内。当对象加载文本时，它会在框架中设置，我可以定义框架的高度和宽度。但是，将高度设置为自动或 100% 不会执行任何操作。无论我做什么，显示文本的区域都很小，并且带有滚动条。我希望包含对象的 div 以及对象本身能够拉伸以显示所有文本。

这是该行：

<object type="text/html" data="./docs/description_a.html" style="width:100%; "></object>

但无论我做什么，我都无法让它根据文本的长度进行拉伸。任何帮助深表感谢。

Answer 1

http://jsfiddle.net/XAaMV/4/

您可以使用 jQuery 动态设置高度和宽度：

$(document).ready(function(){

    $("#obj").width($("#cont").width());
    $("#obj").height($("#cont").height());

});

HTML：

<div id="cont">
<object id="obj" width="" height="" data="www.google.com"></object>
 <div>   

解决方案2

<div>
<object width="600" height="900" data="www.google.com"></object>
 <div>

CSS

div{

    height:600px;
    width:900px;
}