CSS：使iframe充滿高度，沒有滾動條

我如何在我的iframe上擁有完整的高度，所以如果超過指定的height: 500px;，我就沒有滾動條 - 我只想讓頁面滾動條存在，而不是iframe滾動條。CSS：使iframe充滿高度，沒有滾動條

我知道你可以隱藏滾動條，但是你不能看到iframe中的所有內容。

你怎麼能做到這一點？

寬度：100％完美，但高度：100％將不會。

如果它的工作應該表明整個網站在iframe

2012-11-25 Karem

而不是你說明什麼，這將是與iframe相比，更容易禁用主頁面的滾動條 - 然後您可以依靠使用iframe滾動條的用戶，就好像它們是主頁面一樣。你可以在'html'和'body'元素上使用'overflow：hidden'來完成這個操作，並且確保你爲這兩個元素重置了margin和padding。 – Pebbl

[根據內容高度調整iframe高度]可能的副本（http://stackoverflow.com/questions/525992/resize-iframe-height-according-to-content-height-in-it） – Nenotlep

給HTML的高度：100％

html{ height: 100%; }

來源

2012-11-25 17:12:39 Chanckjh

+1你需要目標元素的所有父母具有100％的高度，所以在這種情況下，'body'和'html'。 – Pebbl

是的，你是對的 – Chanckjh

嗯，但檢查這個：http://jsfiddle.net/5PKqf/3/有兩個滾動條，這不是我所希望的，我希望只有一個滾動條頁面變得更大，取決於iframe頁面 – Karem

CSS：使iframe充滿高度，沒有滾動條

回答

相關問題