Question

I have two divs displayed next to each other, left div is 20% width and right is 80% width.

Now left div contains image which is resized horizontally so it’s height is unknown and keeps changing.

Now when this div resizes parent height increases or decreases, so when that happens i need my right div to resize as well, how can i do that?

jsFiddle

Answer 1

You could use jQuery to do this.

$('.container').css({'height':$('.one').height()});​

See a jsFiddle here

When you change the value of .one in the css, it will update the size of .container, and thus, .two as well.