javascript - 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
}