将div高度扩展到它的子级(iframe)

<style>
    .container {
        display: flex;
        flex-direction: column;
    }
    .container iframe {
        flex-grow: 1;
    }
</style>

<div class="container">
    <iframe src="your-iframe-url"></iframe>
</div>

<script>
    function resizeDivHeight() {
        var iframe = document.getElementById('your-iframe-id');
        var iframeHeight = iframe.contentWindow.document.body.scrollHeight;
        var div = document.getElementById('your-div-id');
        div.style.height = iframeHeight + 'px';
    }
</script>

<div id="your-div-id">
    <iframe id="your-iframe-id" src="your-iframe-url" onload="resizeDivHeight()"></iframe>
</div>