Tengo un div#in
y quiero que el ancho de mi iFrame llene el resto del espacio div#di
si el ancho del div#in
cambia Amigos, ¿cómo puedo hacer esto?
#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>
Usa este CSS:
#myIFrame { position: relative; width: 100%; }
Donde #myIFrame es una identificación que le di a su marco.