IFRAME DIV高度內固定

我一直在尋找一個答案，這2天我讀，並試圖幾件事至今。（CSS HTML新手）IFRAME DIV高度內固定

我有一個高度= 485px，我想一個div把一個iframe內有100％的寬度，以便用戶可以滾動DIV沒有滾動條（IM這樣做是因爲我使用的是CSS滾動條）

<div id="demo1" style="height:485px; overflow:scroll;float: left;overflow-x: hidden;"> 
<iframe height="100%" width="455px" scrolling="no" frameborder="0" src="www" ></iframe> 
</div>

我想包括風格類似的iframe style =「height：auto;」或100％，但不起作用。

任何建議如何檢查iframe的高度？謝謝

來源

2012-11-03 Helder Alvarez

所以你試圖讓IFRAME成爲IFRAME中頁面的整個高度？剛剛發佈的答案提供了有關最佳方法的信息，但它不會只是一個CSS解決方案（如果我正確理解您的問題）。 – thirdender

要獲得iframe的高度，您需要在兩個窗口之間進行通信。如果你只支持IE8 +，那麼postmessage就相當簡單。您基本上在iframe中使用腳本（1- iframe內容由您擁有，您添加腳本，或者iframe的所有者信任您並添加您的代碼段）。

如果你想支持較舊的瀏覽器，那麼你將有很多樂趣breaking the cross domain barrier。

但是，這真的是唯一可以獲得iframe內部高度的方法。

我不知道，我很明白這裏你的使用情況，但它似乎對我來說，是，你加載一個完整的網站的iframe中，以使用一些特殊的滾動效果？如果這是真正的情況，認真看看其他的解決方案，瞎搞與跨域通信，以得到一個簡單的視覺效果是不是最好的時間使用（加嵌套一個完整的網站iframe的性能損失）。

希望得到這個幫助！

來源

2012-11-03 02:07:32

IFRAME DIV高度內固定

回答

相關問題