2017-09-16 68 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

我可以完全訪問代碼,我可以更改任何內容。我希望嵌入式內容位於現在的位置,但是會根據內容動態調整大小。如果我確定它很難定位。 –