div での iframe の高さの調整に関する問題

ウェブページは上部、中央、下部の 3 つの部分に分かれています。上部と下部の高さは固定されており、中央の部分は左側の部分と右側の部分の幅に分割されています。は固定されており、右側の部分の幅は適応されます。右側の div の幅と高さが適応されるようになりました。右側の div に IFrame があり、外側の div の幅と高さに適応しますか?

自分で作ったときに発生した問題は、iframeの幅と高さを100％に設定すると、iframeがdivからはみ出してdivの一番下まで滑り落ちてしまうことでした。そこでネットで色々試してみましたが解決できなかったので、そのようなことがないように追記しました

以下は私のdivのjs設定です

リーリー

これはCSSです

リーリー

あくまで参考ですので、気に入らない場合はスプレーしないでください。