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

高度为 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中文网其他相关文章！