使用 iframe 时如何摆脱双滚动条？

Question

我在网上看到了这个问题，所有建议的解决方案都不适合我，所以我想我会来这里。

我有一个带有 iframe 的页面。页面顶部是下拉菜单，页面的其余部分是 iframe。这个想法就像我相信其他人所做的那样，是让菜单保持静止，菜单选择在 iframe 中运行一个应用程序。 iframe 的内容应该滚动，但整个页面不应该。

我试过将 iframe width=height=100% 放在一个表元素中，也有 width=height=100% 但如果我使窗口垂直太短，我会得到两个滚动条。

有什么建议么？

我想我没有很好地解释自己。我想将 iframe 中的滚动条保持为自动，但我不想为整个页面设置滚动条。我需要适当调整 iframe 的大小，以便它始终正好占据页面的其余部分，这样浏览器就不必制作滚动条，因为 iframe 永远不应超出查看区域的底部。

原文由 stu 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

更新：

演示：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 标签作为容器！观看演示并享受它！

原文由 Luca Filosofi 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

将 css overflow 设置为隐藏在任何你想要从中删除滚动条的框架上…

 overflow:hidden

原文由 Gabe 发布，翻译遵循 CC BY-SA 2.5 许可协议