将DIV堆叠在一起?

新手上路,请多包涵

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

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

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

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

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

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

阅读 691
2 个回答

根据需要定位外部 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 许可协议

添加到戴夫的回答:

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题