将DIV堆叠在一起？

一尘不染

将DIV堆叠在一起？

css

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

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

这样所有这些内部DIV都具有相同的X和Y位置？默认情况下，它们都相互降低，将Y位置增加最后一个上一个DIV的高度。

我感觉某种漂浮物或展示物或其他技巧可能会咬人？

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

阅读 335

2020-05-16

共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>

2020-05-16