javascript - HTML/CSS : Set width & height of object in a div?

Question

我在尝试使用下面的代码将 html 文件加载到 div 标签时遇到了问题；

<div id ="content" ></div>
<script>
function load_home(){
    document.getElementById("content").innerHTML='<object type="text/html" data="home.html"></object>';
}
</script>

问题是内容加载如下所示；

内容未填满屏幕的宽度或高度。

制作加载的html文件，填充body宽高有什么技巧吗？

Answer 1

设置对象标签的宽高参数:

...
document.getElementById("content").innerHTML='<object type="text/html" data="home.html" style="width:100%; height: 100%;"></object>';
...

编辑: 关于 JSFiddle http://jsfiddle.net/zYw3S/12/添加

#content{
    background-color: #FFFFFF;
    border-radius: 10px;
    margin-top: 10px;
    height: 70vh;
}