如何将动态文本插入到具有绝对位置的div中?

div {
    overflow: scroll;
}

另一种选择是缩小文本大小以适应div,但这涉及一定量的模糊数学,你可能会遇到文本太小而毫无意义的风险。

var sometext = "Hey, I'm some text!";
var textlength = sometext.length();

var div_height = 10 * textlength;
$("div").css("height,"+ div_height +"em");

请参阅W3C网站的视觉效果部分 here

也许使用 "overflow: auto"

绝对定位的div将从文档流中删除,因此html中出现在它们之后的任何内容都会表现得好像它们根本不存在一样。

使用绝对定位div的设计需要在包含的div上定义一个高度,这样绝对定位的div就不会与其他内容重叠。在您的示例中 <div id="div-1"> 定义了250px的高度。将其更改为100px,您将看到 <div id="div-after"> 在红色和绿色的潜水器下移动。

因此,如果你在侧边栏中有一个绝对定位的div,后面什么都没有,你可以添加所有你想要的动态文本。如果你的标题中有一个,那将使你的设计非常难以实现。