Javascript HTML/CSS：设置宽度和宽度；div中物体的高度？

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

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

函数加载_home（）{
document.getElementById（“内容”）.innerHTML=''；
}

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

内容无法填充屏幕的宽度或高度

---

制作加载的html文件、填充正文宽度和高度的任何提示？

尝试设置其

位置：绝对和<代码>顶部：0；左：0；底部：0；右：0；宽度：100%；身高：100%
为什么div的右侧是空的？检查是否应用了宽度限制。
但是，您可以使用width:100%，以便div填充整个框。您可能必须将脚本放入另一个div中，并将该div的值设置为100%。
如果对象标记：

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

我刚刚添加了宽度和高度值，加载的内容现在填充了整个主体区域，但高度仍然混乱。你是说文档主体不占用整个浏览器？我想你需要多发一些文件。作为这样一个简单的文档：
function load_home（）{document.getElementById（“content”）.innerHTML=''；}
将填充屏幕它不是body标记不占用整个页面，而是创建的object标记不占用页面的宽度或高度。我想我已经解决了这个问题，方法是使用style=“position:absolute；height:100%”。编辑它！我以为有用的东西没用！我在home.html中创建了一个jsFiddle，它是一个带有lorem ipsum文本的段落元素。好的，尝试添加以下内容：
#content{background color:#ffffffff；border radius:10px；margin top:10px；height:70vh；}
vh=视图高度。这是您的全视图区域的百分比。它与%不同，因为它不考虑父容器。
#content{
    background-color: #FFFFFF;
    border-radius: 10px;
    margin-top: 10px;
    height: 70vh;
}