html - 如何使 div 为 100% 高度工作，而不仅仅是 iframe？

Question

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

在此处输入图像描述

score 2 · Accepted Answer

如果您也将高度设置.inner-content为 100%，它会起作用：

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

score 1 · Accepted Answer

1

将您的内容类设置为

height: 100%;

于 2012-05-14T13:20:43.020 回答

score 0 · Accepted Answer

0

使用位置：绝对

于 2012-05-14T13:13:19.577 回答

score 0 · Accepted Answer

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

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

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

4 回答 4