Company logo
  • Jobs
  • Bootcamp
  • About Us
  • For professionals
    • Home
    • Jobs
    • Courses
    • Questions
    • Teachers
    • Bootcamp
  • For business
    • Home
    • Our process
    • Plans
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Calculator

0

45
Views
Change the width of a frame according to the width of the other elements

I have an div#in and I want the width of my iFrame to fill the rest of the div#di space if the width of the div#in changes Friends, how can I do this?

#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>

7 months ago · Juan Pablo Isaza
1 answers
Answer question

0

Use this CSS:

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

Where #myIFrame is an id that i gave to your frame.

7 months ago · Juan Pablo Isaza Report
Answer question
Find remote jobs