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

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

Patricia Arquette
發布: 2024-12-23 14:57:15
原創
722 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板