我在网上看到了这个问题，所有建议的解决方案都不适合我，所以我想我会来这里。
我有一个包含 iframe 的页面。页面顶部是下拉菜单，页面的其余部分是 iframe。这个想法就像我相信其他人所做的那样，是让菜单保持静止，菜单选择在 iframe 中运行一个应用程序。 iframe 的内容应该滚动，但整个页面不应该滚动。
我试过将 iframe width=height=100% 放在一个表格元素中，也使用 width=height=100% 但如果我得到两个滚动条使窗口在垂直方向上太短。
有什么建议吗？
我想我没有很好地解释自己。我想将 iframe 中的滚动条保持为自动，但我不想为整个页面设置滚动条。 我需要适当调整 iframe 的大小，以便它始终正好占据页面的其余部分，这样浏览器就不必制作滚动条，因为 iframe 永远不应超出查看区域的底部。
最佳答案
更新:
演示: http://jsbin.com/ewomi3/3/edit
HTML
<table border=0 cellspacing=0 cellpadding=0 id="hold_my_iframe">
<iframe src="http://www.w3schools.com/css/tryit.asp?filename=trycss_overflow" width=100% height=100% marginwidth=0 marginheight=0 frameborder=0></iframe>
</table>
CSS
* { margin:0 padding:0 }
body { margin:0; padding:0; text-align:center }
#hold_my_iframe { padding:0px; margin:0 auto; width:100%; height:100% }
注意:
我终于明白你想要什么了!使用 table 标签而不是 div 标签作为容器!观看演示并享受它!
关于html - 使用 iframe 时如何摆脱双滚动条？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2758732/