将DIV堆叠在一起?DIV

2023-09-07 02:52:37 作者:凉风慕槿篱

是否可以堆叠多个 DIV,例如:

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

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

怎么把一个div固定在一个大的div下部,并且大的div里面有内容图片,小div在上面

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

父 DIV 具有相对位置,因此,使用绝对位置似乎不起作用.

解决方案

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

.inner {位置:绝对;}

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

Is it possible to stack up multiple DIVs like:

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

So that all those inner DIVs have the same X and Y position? By default they all go below each other increasing the Y position by the height of the last previous DIV.

I have a feeling some sort of float or display or other trick could bite?

EDIT: The parent DIV has position relative, so, using position absolute does not seem to work.

解决方案

Position the outer div however you want, then position the inner divs using absolute. They'll all stack up.

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