如何获得jquery附加了许多div的div的总高度？

我使用jquery向#main追加了许多DIV，而#main的高度是自动的，那么我想得到#main的总高度，但高度总是0，那么如何通过jquery插入许多DIV后得到#main的总高度呢？有没有可能为我创建一个演示？非常感谢您的光临

选项1）不必费心计算#main的高度如果你知道div的高度，只需将div的高度+其顶部和底部填充+其顶部和底部边距相加即可

选项2）为#main设置背景色，并确保它实际扩展到插入div的大小。如果不是，那么你可以很容易地检索高度，你只需要找出它为什么没有扩展。也许您在没有清除任何内容或使用溢出属性的情况下浮动了内部div

选项3）是否在完全创建div之前检查高度？尝试延迟检索高度，以查看它是否在加载divs之前进行检查。

检查此演示

$（'add'）。在（'click'，function（）上{
$（“#main”）.append（'我使用jquery向#main追加了许多DIV，并且#main的高度是自动的，那么我想得到#main的总高度，但是高度总是0，那么在jquery插入许多DIV之后，我如何才能得到#main的总高度？有可能为我创建一个演示吗？非常感谢advanced！
）；
});
$（'#getHeight'）。在（'click'，function（）上{
警报（$（'#main'）.height（））；
});

请给我们点东西。您是如何获取高度的？您是否尝试了

$（''）.outerHeight（true）

获取总高度？还可以创建一个演示，使用

$('#add').on('click',function(){
    $('#main').append('<div>I used jquery to appended many DIVs to #main, and the height of #main is auto, then I want to get the total height of #main, but the height is always 0, so how can I get the total height of #main after insert many DIV by jquery? Is there possible to create a DEMO for me? Thanks so much in advanced!<br /></div>');
});
$('#getHeight').on('click',function(){
    alert($('#main').height());
});