css – 堆叠DIV在彼此的顶部?

前端之家收集整理的这篇文章主要介绍了css – 堆叠DIV在彼此的顶部?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以堆叠多个DIV如:
<div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

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

我有一种感觉某种浮动或显示或其他手段可以咬?

编辑:父DIV有位置相对,所以,使用位置绝对似乎不工作。

解决方法

定位你想要的外部div,然后使用绝对定位内部div。他们都会堆起来。
<style type="text/css">
.inner {
  position: absolute;
}
</style>

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

猜你在找的CSS相关文章