div div的位置是绝对的父div高度不扩展，当子div高度增加

Question

我的html代码有两个div标签，一个div在另一个div内。我动态地将值添加到使用span标记的父div之后的子div。子div位置是绝对的。当我把大数据追加到子div div div不扩展高度。子div溢出父外部的div。如何解决这个问题？我的HTML代码是：

<div id="parent" style="border:2px solid black"> 
    <div id="child" style="position:absolute"> 
    </div> 
</div> 

这是我的jQuery代码：

$("#child").after("<span><p> large text data</p> </span>"); 

Answer 1

首先找到孩子的div现在的位置是顶部，设置为跨越ID框中现在的位置上边距。

这里的代码

<div id="parent" style="border:2px solid black"> 
<div id="child"> 
</div> 
</div> 

这是我的jQuery代码：

$("#child").after("<span id="child1"><p> large text data</p> </span>"); 
var p = $("#child"); 
var position = p.position(); 
$("#child1").css("margin-top",position.top+"px"); 

其使用位置absolute.it的工作fine.height问题进行固定。