Javascript 在运行时注入(inject) html css 高度不拉伸(stretch)

Question

我在运行时将 html 注入(inject)我的页面:

document.getElementById(divId).innerHTML='<object type="text/html" data="'+pageUrl+'"></object>';

注入(inject)的数据恰好有一个滚动条并且没有 100% 拉伸(stretch)......所以我添加了这个:

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

这解决了宽度问题并使内容的宽度为 100%，但高度有一个滚动条，我不希望它滚动，我需要它来拉伸(stretch)。

我也尝试过 height:auto; 但它没有拉伸(stretch)。

如何让它拉伸(stretch)到整个高度？

Answer 1

要使 100% 高度起作用，每个父元素(包括 html 和 body 标签)都需要定义为 100% 的高度。