首页 > web前端 > css教程 > 如何使 Iframe 填充 100% 浏览器高度?

如何使 Iframe 填充 100% 浏览器高度?

Patricia Arquette
发布: 2024-12-23 14:57:15
原创
827 人浏览过

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:溢出:隐藏

<body>
登录后复制
登录后复制

选项2:位置:绝对

<body>
登录后复制
登录后复制

提示:要完全隐藏滚动条,可以将iframe高度设置为稍大的值,例如150%,或者使用hack 强制滚动条在页面之外,例如,overflow-x:hidden;overflow-y:hidden。

以上是如何使 Iframe 填充 100% 浏览器高度?的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板