HTML / CSS：设置宽度和宽度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文件的任何提示，填充体宽和高度？

Answer 1

尝试设置其position: absolute;和top:0;left:0;bottom:0;right:0;width: 100%;height: 100%;

Answer 2

为什么你的div的右侧是空的？检查是否已应用宽度限制。 但是，您可以使用 width：100％，以便div填充整个框。您可能必须将脚本放在另一个div中，并将该div的值设置为100％。

Answer 3

如果对象标记：

，请设置width和height参数

...
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;
}