如何使内容出现在绝对位置下

Question

我有一个网页，所有工作都按预期进行。我一直在给“控制”（基于javascript），但即使使用HTML和CSS也无法使用！所以为了保持这一点，我已经不再使用JavaScript了。

<!-- start js control-->
<div style="position:relative;">
<div style="position:absolute;">
asdf
</div>
<div style="position:absolute;">
asdf2222
</div>
</div>

<!--rest of web page-->
<div>
here is content
</div>

https://jsfiddle.net/5zpz4eys/

正如您在小提琴中看到的那样，问题是文本重叠。我认为这是因为绝对没有高度，尽管在相对位置外部div。

在小提琴中，我已经离开了大部分实际的CSS，因为我想在这个级别理解它。我需要添加什么CSS ...我期望看到的是3行：

asdf
asf222
here is content

或者，我希望看到2行，其中asdf和asdf22实际上是重叠的。

我该怎么做？

Answer 1

对内部div使用相对定位，将它们包装在绝对/固定的div中。