div内部的div位置是绝对父div高度当子div高度增加时不会扩展答案

【问题标题】：div inside div position is absolute parent div height not expand when child div height increaseddiv内部的div位置是绝对父div高度当子div高度增加时不会扩展
【发布时间】：2014-05-09 15:14:09
【问题描述】：

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

【问题讨论】：

这是 position:absolute 的工作方式，您需要更改为 'relative'
我需要绝对位置

标签： jquery html css jquery-ui jquery-plugins

【解决方案1】：

首先找到child div position 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");

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

【讨论】：