当内容增加时，jquery转移弹出窗口

Question

我有一个动态的div，它可以动态地从jquery获取css中的增量，以适应​​内容（如果它们更大）。

现在问题是有一个弹出窗口与同一个div相关联。

如果弹出窗口内容增加，我不知道如何解决这个问题。请帮忙。

HTML

< div id='main_div' >

< div id='myid' >some info< /div >

< div id='popup' >< /div >

< /div >


< input type='button' id='incre' >

jQuery的：

$("#incre").click(function()
    {

$("#myid").html(" some more  some more  some more  some more  some more  some more  some more  some more  some more  some more  some more  some more  some more  some more  some more  some more  some more  some more  some more  some more  some more ");

    }); 

先谢谢了 戴夫

Answer 1

设置此div的最大高度。当内容增加超过此最大高度时，请使用滚动条滚动内容。

div{
    max-height:300px;
    height:auto !important;          // for ie as it does not support max-height
    height:300px;                    // for ie as it does not support max-height
    overflow:auto;
    width:auto
} 

Answer 2

您是否尝试在弹出窗口中使用绝对位置？然后弹出窗口不受内容div高度的影响，因为它将从文档流中取出

Answer 3

我手动增加了'main_div'的高度。并在其下插入弹出窗口。这很有效。

谢谢你们所有人。