将DIV堆叠在一起？

Question

是否可以堆叠多个 DIV，例如：

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

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

我觉得某种浮动或展示或其他技巧可能会咬人？

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

原文由 Tower 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

原文由 Matt 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

添加到戴夫的回答：

 div { position: relative; }
div div { position: absolute; top: 0; left: 0; }

原文由 Eric Wendelin 发布，翻译遵循 CC BY-SA 2.5 许可协议