如何使 Iframe 填充 100% 浏览器高度？
- Patricia Arquette原创
- 2024-12-23 14:57:15783浏览
高度为 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