首頁 >web前端 >css教學 >如何讓 Iframe 填滿 100% 瀏覽器高度?

如何讓 Iframe 填滿 100% 瀏覽器高度?

Patricia Arquette
Patricia Arquette原創
2024-12-23 14:57:15723瀏覽

How to Make an Iframe Fill 100% of the Browser Height?

高度為 100% 的全螢幕 iframe

問:所有瀏覽器都支援 iframe height=100% 嗎?

是的,所有的 iframe height=100% 都支援主流瀏覽器(IE、Firefox、Safari)只要父元素的高度也為 100%即可。

問:它實際上會佔用剩餘頁面的高度嗎?

是的,如果頂部有另一個具有固定高度(例如 50px)的框架,則 iframe 將採用剩餘頁面的高度(100% - 50px = 50%)。

問:如何完全隱藏捲軸並自動設定 iframe 高度?

選項1:溢位:隱藏

選項2:位置:絕對

提示:要完全隱藏滾動條,可以將iframe高度設定為稍大的值,例如150%,或使用hack強制滾動條在頁面之外,例如,overflow-x:hidden;overflow-y:hidden。

以上是如何讓 Iframe 填滿 100% 瀏覽器高度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn