Iframe inside div

Question

Hi, how can I make iframe fit 100% in a div, while the div expand base on the original content of iframe.

Think of it as there's no iframe because it's expanding with the main webpage.

.div-parent{
Overflow: auto;
}
.iframe-max-size{
width:100%;
height:100%;
}

That's what I do, but the output is not I expected to be. How to make it happen, thanks.

Answer 1

https://www.sololearn.com/discuss/1848829/?ref=app
https://www.sololearn.com/discuss/2584350/?ref=app
https://www.sololearn.com/discuss/1752097/?ref=app
https://www.sololearn.com/discuss/2212669/?ref=app
https://www.sololearn.com/discuss/112685/?ref=app