Resize the parent div to fit the child div

Question

It could be a long shot to do without using JavaScript ...

If I have the following (remote code for the problem)

<div id="container">
    <div id="content"></div>
</div>

#container {
    position: relative;
}

#content {
    position: absolute;
}

The content contains dynamic content, so a fixed height cannot be used.

The absolute position should be used in the content div as its use jQuery UI stuff ...

How can I get the container window to change its height according to the content?

I understand that this is probably not possible without using some kind of JavaScript, since placing an absolute absolute value takes it out of the stream, etc. etc., but just wondering if anyone knew of any work?

Thank!

Answer 1

edit: .

, jQuery:

$('#container').css('height',$('#content').height());

Answer 2

, , (jQuery UI stuff). , , :

#container {
    position: relative;
}

#content {
    position: absolute;
    top:0; bottom:0; left:0; right:0;
}

100% .