html - 如何在不使用 z-index 和位置 : absolute 的情况下将 div 覆盖在另一个 div 上

Question

我有 2 个 div，如下面的代码所示。我想在“firstDiv”上叠加“secondDiv”。我的 HTML 模板将被动态加载。因此无法确定 div 在屏幕上的位置。我不能使用 z-index 和 position: absolute，因为它会扰乱所有布局。

<div id="firstDiv" style= "height=54px;width=96px"></div>
<div id="secondDiv"></div>

我怎样才能做到这一点？

Answer 1

首先，如果你给一个定位元素一个-1的z-index，它会在其他内容下面。您不需要绝对定位，相对定位适用于此，这意味着它仍将在您的文档流中并位于与其重叠的其他对象下方。

This article is what you want to read for overlapping content nuances.它侧重于 z-index，但也讨论了您可能会考虑利用的堆叠顺序。