CSS：在绝对定位的div之后有一个div

我想知道如何做到这一点，我当前的标记如下：

<div id="playArea" style="position: relative;">
    <div id="widget1" class="widget" style="position: absolute; left: 295px; top: -1px; width: 313px; height: 269px;">Hello</div>
    <div id="widget2" class="widget" style="position: absolute; left: 63px; top: 35px; width: 80px; height: 42px;">World</div>
    <div style="position: absolute; left: 534px; top: 329px; width: 183px; height: 251px;">Bye</div>
</div>

现在，如果我在最后一个之后创建一个段落标签</div>，内容p标签未出现在浏览器中的所有这些 div 下。 我有什么想法可以做到这一点吗？

多谢你们

如果您使用绝对定位但不知道要定位的高度，那么 HTML 不太擅长解决这个问题。我见过（也可能写过）黑客，其中 JavaScript 用于根据offsetHeight另一个。

但使用 CSS 可能会更好float属性而不是绝对定位。float and clear非常适合定位您想要的内容，而无需牺牲自动页面流。