将父DIV高度调整为内部内容（RSS提要）

Question

I'm embedding a RSS feed into my html site using the Google Feed API. I tried to make the parent-DIV adjust its height with jquery:

function setHeightParent() {
                $("#Parent").height($("#feed").height() + 200);
                }

This results in a parent-DIV with a height of 200 px. I think the height is calculated before the "feed" div has any content therefore no height.. What am I doing wrong, how can I make it take the height of the final "feed" div?

Answer 1

I got it...

Amir was kinda right about the delay.

Solved it like this:

$(document).ready(function() {
    function setHeightParent() {
        $("#Parent").css("height", $("#feed").height() + 250);
    }
setTimeout(setHeightParent, 800)
});

Answer 2

Only specify the height of the child, the parent should scale with it.

 #parent { border: 3px solid red; } #feed { height: 200px; border: 3px solid blue; } 

 <div id="parent"> <div id="feed"> </div> </div>