コンテンツ領域の高さが 100% のレイアウトがあります。問題は、iframe が 100% の高さで完全に機能することですが、通常の div では機能しません。div の高さを 100% にする方法はありますか? 白い領域は黒い領域で埋められるべきですが、そうではありません。どんな助けでも大歓迎です。

コンテンツ領域の高さが 100% のレイアウトがあります。問題は、iframe が 100% の高さで完全に機能することですが、通常の div では機能しません。div の高さを 100% にする方法はありますか? 白い領域は黒い領域で埋められるべきですが、そうではありません。どんな助けでも大歓迎です。

.inner-content高さも 100%に設定するとうまくいきます。
.inner-content {
margin-bottom: -109px;
padding-top: 109px;
height: 100%;
}
内部コンテンツ クラスを
height: 100%;
親要素の高さも設定する必要があります。
<section role="main" id="content">
<div class="inner-content" style="height: 100%">
(もちろん、これはどういうわけかスタイルシートに入れる必要があります...ページ内の他の要素にクラスを使用するので、そこに配置しませんでした...)