Почему iframe выходит за конец страницы, когда высота 100%?

Question

У меня есть iframe на моем сайте в div. Я установил оба на 100% в высоту, я также использую концептуальный каркас, поэтому span-12 last для класса. Мой вопрос: почему на сайте все еще есть полоса прокрутки?

КОД:

<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>

Вместо того, чтобы как можно больше, он проходит за нижнюю часть страницы и имеет полосу прокрутки. Почему он принимает эту высоту?

ПАНОРАМА:

iFrame в DIV отмечен красным.

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>