所有浏览器都支持 iframe height=100% 吗？
我使用 doctype 作为：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
在我的 iframe 代码中，如果我说：
<iframe src="xyz.pdf" width="100%" height="100%" />
我的意思是它实际上会占据剩余页面的高度（因为顶部有另一个框架，其固定高度为 50px）
所有主要浏览器（IE/Firefox/Safari）都支持此功能吗？
还有关于滚动条，尽管我说scrolling="no"，我可以在 Firefox 中看到禁用的滚动条...如何完全隐藏滚动条并自动设置 iframe 高度？
您可以按照前面的答案所述使用框架集，但如果您坚持使用 iFrame，则以下 2 个示例应该有效：
<body style="margin:0px;padding:0px;overflow:hidden">
<iframe src="http://www.youraddress.com" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></iframe>
</body>
替代：
<body style="margin:0px;padding:0px;overflow:hidden">
<iframe src="http://www.youraddress.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>
</body>
要隐藏滚动，有两种选择，如上所示：
<body style="margin:0px;padding:0px;overflow:hidden">
<iframe src="http://www.youraddress.com" frameborder="0" style="overflow:hidden;height:150%;width:150%" height="150%" width="150%"></iframe>
</body>
用第二个例子进行破解：
<body style="margin:0px;padding:0px;overflow:hidden">
<iframe src="http://www.youraddress.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:150%;width:150%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="150%" width="150%"></iframe>
</body>
为了隐藏 iFrame 的滚动条，创建了父级overflow: hidden隐藏滚动条，并且 iFrame 的宽度和高度达到 150%，这会强制滚动条位于页面之外，并且由于正文没有滚动条，因此人们可能不会期望 iframe 超出页面的边界。这会隐藏全宽 iFrame 的滚动条！
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
