Question

我的代码中有这个结构。我的iframe的高度没有固定，它会振荡。

<div>
<iframe></iframe>
</div>

我希望div高度为iframe高度。

我在想

<div height=100%> .. </div>

但它不起作用

抱歉英语不好，谢谢！

我的代码：

<div style="position: relative;
  height:1000px;  ">

    <iframe frameborder="0"  scrollable="no" src="/driv.php" style="position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;"></iframe>

编辑：

<div class="mydiv" style="position: relative;
height:1000px ">

    <iframe class="myif"frameborder="0"  scrollable="no" src="/pilotos2.php" style="position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;"></iframe>
    </div>
<script type="text/javascript" language="javascript"> 
$('.mydiv').css('height', $('.myif').height()+'px');
</script>

我试过了，并没有用..

Answer 1

你可以做这样的事情

HTML

<div class="parent">
<iframe></iframe>
</div>

CSS

.parent{
   overflow: auto;
   float:left;
}

编辑：这不适用于iframe。点击此处查看解决方案：make iframe height dynamic based on content inside- JQUERY/Javascript

Answer 2

如果希望外部div继承iframe的高度，请不要在div上设置高度。它会自动调整到iframe的高度。通过在iframe上设置height=100px来尝试此操作。

在div上设置height:100%;只会使div扩展其父级的全部高度。

如何调整高度不是iframe内部固定的div

2 个答案: