我在网络上看到这个问题,所有建议的解决方案都不适合我,所以我以为我会来这里.
我有一个页面有一个iframe.页面的顶部是一个下拉菜单,页面的其余部分是iframe.像我确信所有人都这样做的想法是让菜单保持不动,菜单选择在iframe中运行应用程序. iframe的内容应该滚动,但整个页面不应该.
我已经尝试将iframe width = height = 100%放在width = height = 100%的单个表格元素中,但如果我使窗口的垂直线太短,我会得到两个滚动条.
我有一个页面有一个iframe.页面的顶部是一个下拉菜单,页面的其余部分是iframe.像我确信所有人都这样做的想法是让菜单保持不动,菜单选择在iframe中运行应用程序. iframe的内容应该滚动,但整个页面不应该.
我已经尝试将iframe width = height = 100%放在width = height = 100%的单个表格元素中,但如果我使窗口的垂直线太短,我会得到两个滚动条.
有什么建议么?
我想我没有很好的解释自己.我想将iframe中的滚动条保持为auto,但是我并不想在整个页面上使用滚动条.
我需要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% }