Question

我试图让这个iframe自动调整它的高度，但无论我做什么，它都不会起作用！我尝试过在css中使用位置和其他技巧的各种组合。不知怎的，我错过了一些至关重要的事情。

我不能使用min-height或max-height，因为每次表单都会有所不同，并且会创建很多空格。

    <div class="row">
        <div class="col-xs-12">
            <iframe style="height: 100%;width: 100%; margin: 0;" src="https://docs.google.com/forms/d/1406PEfzY-ZV_nx2mACr6DBoyxm95JfGvhWftOml73xg/viewform?embedded=true" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
        </div>
    </div>

有人可以建议我哪里出错吗？

Answer 1

添加position:absolute并为您的样式中的正文添加填充和边距为0。如果将其设置为绝对值，它将相对于其第一个定位的祖先元素

进行定位

Working JS

希望它能适用于您的情况：）

iframe自动高度为100％

1 个答案: