javascript - 根据其他元素的宽度更改框架的宽度

Question

我有一个div#in并且我希望我的 iFrame 的宽度能够填充其余的div#di空间，如果div#in朋友的宽度发生变化，我该怎么做？

#di{
  display: flex;
  border:1px solid red;
}
#in{
  display: block;
  border:1px solid blue;
  height: 56px;
  width: 50px;
  resize: both;
  overflow: auto;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    
    
    <div id="di">
        <div id="in">test by change witdh</div>
        <iframe src="https://www.bing.com"></iframe>
    </div>

标签： javascripthtmlcss

Answer 1

使用这个 CSS：

#myIFrame {
  position: relative;   
  width: 100%;
}

其中#myIFrame是我给您的框架的ID。