javascript - Resize parent div to match absolutly positioned child div height

Question

I have a CSS problem:

I have an absolute positioned div in a container. The container won't resize to the height of the content. Why?

Answer 1

You need to use JavaScript for this. With jQuery you can do

var parentHeight = $('#parent').height(),
    childHeight = $('#child').height();

if (parentHeight <= childHeight) {
    $('#parent').height(childHeight);
}

Check working example at http://jsfiddle.net/mkCU5/2/