Javascript 如何在母版页（带滚动）中包含iframe（不带滚动）

我试过了

scrolling="no" height=100%, overflow:hidden

当我想用像素来增加高度的时候

style="height:4000px;"

iframe的背景图像像素损坏。正在寻找不设置高度的解决方案。请帮我解决这个问题

现行代码 HTML代码

<div class="header_bar">
<div class="tab_active"   onclick="location.href='...'">Tab1</div>
<div class="tab_inactive" onclick="location.href='...'">Tab2</div>
<div class="tab_inactive" onclick="location.href='...'">Tab3</div>
</div>
<div class="iframe_container">
<iframe id="main_iframe" class="main_iframe" frameborder="0" src="http://en.wikipedia.org/wiki/Special:Random">
</iframe>
</div>
<div class="header_bar">
<div class="tab_active"   onclick="location.href='...'">Tab1</div>
<div class="tab_inactive" onclick="location.href='...'">Tab2</div>
<div class="tab_inactive" onclick="location.href='...'">Tab3</div>
</div>  

我不希望iFrame滚动。

添加

scrolling=“no”

到

ifram

标签，如下所示：

<iframe id="main_iframe" class="main_iframe" scrolling="no" frameborder="0" src="http://en.wikipedia.org/wiki/Special:Random"></ifram>

当我将scrolling=“no”iframe内容设置为隐藏时，您可以发布HTML和CSS的示例吗？请添加屏幕截图。我已将屏幕截图附在问题部分的起始位置。请参考。

<iframe id="main_iframe" class="main_iframe" scrolling="no" frameborder="0" src="http://en.wikipedia.org/wiki/Special:Random"></ifram>