css - 将 DIV 堆叠在一起？

Question

是否可以像这样堆叠多个 DIV:

<div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

所以所有这些内部 DIV 都具有相同的 X 和 Y 位置？默认情况下，它们都在彼此下方，通过上一个 DIV 的高度增加 Y 位置。

我觉得某种 float 或显示或其他技巧可能会起作用？

编辑:父 DIV 具有相对位置，因此，使用绝对位置似乎不起作用。

Answer 1

根据需要定位外部 div，然后使用绝对定位内部 div。它们都会堆积起来。

.inner {
  position: absolute;
}

<div class="outer">
   <div class="inner">1</div>
   <div class="inner">2</div>
   <div class="inner">3</div>
   <div class="inner">4</div>
</div>