根據其他元素的寬度更改框架的寬度

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>

Answer 1

使用這個 CSS：

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

#myIFrame是我給你的框架的 ID。