为什么iframe在100％高度时会延伸到页面末尾？

Question

我的网站上有一个iframe的iframe。我已将两者都设置为100％的高度我也使用蓝图框架，因此span-12 last为该类。我的问题是为什么网站上还有滚动条？

CODE：

<div id="friend_pane" style="background-color: #FF0000;height: 100%;" class="span-12 last">
<iframe id="friendpane_area" style="width: 515px; height: 100%" src="http://friendsconnect.org/friendpane/shell.php" frameborder="0" allowTransparency="true"></iframe>
</div>

它不仅仅是尽可能地扩展到页面底部并且有一个滚动条。为什么假设这个高度？

快照：

DIV中的 iFrame用红色标记。

Answer 1

您可以尝试一些事项，先确保html { height: 100% }，然后

iframe { overflow:hidden; }

或

<iframe id="friendpane_area" style="width: 515px; height: 100%; overflow: hidden" scrolling="no" src="http://friendsconnect.org/friendpane/shell.php" frameborder="0" allowTransparency="true"></iframe>