2017-09-16 83 views
0

我想嵌入这个在我的网站,并使我的网站调整大小,以适应内容,使嵌入式内容的容器没有滚动条,只有主页(希望这是有道理的)。下面就是我现在所做的,不过身高100%,将无法正常工作如何使高度:“100%”工作HTML5

<embed src="https://shop.inventarnd.com/index.php?rt=product/product&product_id=124" style="width: 100%; height: 100%"> 

宽度是工作,但高度不能正常工作。

我已经尝试以下

  • 使父标记,如HTML,身体,等...有高度的100% 这里是我的网站的链接,我想将它嵌入。

https://www.inventarnd.com/test.html

我想有嵌入我的网站上this网页,并有滚动条不应该存在。所以网页自动调整大小以适应嵌入的内容。

+0

您是否可以控制所嵌入页面的内容?如果没有,你可能不能这样做。 – Alohci

+0

如果这样做,可以使用JavaScript将嵌入式页面的消息发送到容器页面,以告知嵌入式页面的内容有多高,并将嵌入元素的高度设置为该高度。 – Alohci

+0

我拥有该网站,并且可以完全访问这两个网站的所有资源。我将如何使用JS来做你说的@Alohci?请添加答案。 –

回答

1

您可以使用iframe,这可能会解决您的问题。

0
embed { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
} 

背景很清晰,所以上一页会显示,但滚动条和内容都可以。我会将背景更改为白色,但我不确定你是什么,也无法做到。

+0

我可以完全访问代码,我可以更改任何内容。我希望嵌入式内容位于现在的位置,但是会根据内容动态调整大小。如果我确定它很难定位。 –