我有一个包含左iFrame和右iFrame的索引页。由于某种原因，在第二个iFrame上，它为iFrame显示了一个滚动条，为整个页面显示了另一个滚动条。
我一直在尝试删除整个页面的滚动条，仅将滚动条留给2个iFrame
当我去更改css属性以使其对body，html元素隐藏起来时，它也会删除两个iFrams的滚动条
我什至尝试将iFrame元素溢出-y：设置为auto，并将body，html溢出设置为隐藏。
那仍然没有用。
我遇到的第二个问题是，即使我将高度指定为100％，iFrame也不会一直延伸到页面底部。
我一直在摆弄CSS，但到目前为止还没有走运。如果有人可以帮助我，我将不胜感激。
以下是指向我的网页以及CSS片段的链接。谢谢！！！
html,body{ height: 100%; margin:0;padding:0; }
iframe{
height:100%; margin:0;padding:0; border: 0;
}
http://15c04752.ngrok.com/simplemenu/menus/demo（在不同的浏览器中文本可能会变小，请按键盘上的ctrl + cmd +以显示滚动条）
最佳答案
要删除整个页面的滚动条，请添加以下规则：
body, html {
overflow: hidden;
}
要在iframe上启用滚动条，请添加以下属性：
<iframe ... scrolling="yes"></iframe>
Source
如果同时添加两者，则外观将是这样：
整个页面没有滚动条，左侧iframe没有滚动条（因为内容是完全可见的），右侧iframe没有滚动条（因为内容不是完全可见的）。如果您缩小窗口，则会显示左侧iframe的滚动条。
关于html - 双垂直滚动条显示在iFrame页面上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26125942/