Resizable div tag in html as per window resize

Question

My code is as below:

<div id="frame1" style="overflow-y: auto;overflow-x: auto;width:87.5%;height:100%;" >

content

</div>

Here declared div working as a scrollable div but it doesn't resize as per window resize.

I have a situation where I need, on the same line, When the window is resized and the div's eventually touch, I need them NOT to wrap, but instead, enable the horizontal and vertical scrolling.

Please Help...

Answer 1

<div id="frame1" style="display:block; width: 87.5%">

content

</div>

Height will increase based on content