Jquery div inside div position是绝对父div height，当子div height增加时不会扩展

我的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>");

$("#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");

$（“#child”）。之后（“大文本数据”
”；

---

首先在顶部找到子div位置，并设置为span id box位置在页边空白顶部

这是密码

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

这是我的jquery代码：

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

$("#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");

$（“#child”）。之后（“大文本数据”
”；
var p=$（“子女”）；
变量位置=p.位置（）；
$（“#child1”）.css（“页边顶部”，position.top+“px”）；

---

它没有使用绝对位置。工作正常。高度问题已解决。

这就是位置：绝对的工作原理，您需要更改为“相对”，我需要绝对位置