如何使div工作100％高度而不仅仅是iframe？

Question

我有一个内容区域高度为100％的布局。问题是，它使iframe完美地工作在100％高度，但我不能让它为常规div工作。有没有办法让div的高度为100％？白色区域应填充黑色区域，但不是。任何帮助将不胜感激。

http://jsfiddle.net/mp8nr/1/

Answer 1

如果您将.inner-content的高度也设置为100％，则会有效：

.inner-content {
    margin-bottom: -109px;
    padding-top: 109px;
    height: 100%;
}

Answer 2

将内部内容类设置为

height: 100%;

Answer 3

使用position：absolute

http://jsfiddle.net/adrianjmartin/mp8nr/27/

Answer 4

您还必须设置父元素高度：

<section role="main" id="content">
  <div class="inner-content" style="height: 100%">

（这当然应该以某种方式放在样式表中......你将该类用于页面中的其他元素，这就是为什么我没有把它放在那里......）