div div中的div是绝对父div高度当子div高度增加时不展开

Question

我的html代码有两个div标签，一个div在另一个div中。我动态地设置值以使用span标记在父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位置top并设置为span id box postion margin-top。

这里是代码

<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的工作正常。修复了高度问题。