css – 重叠div

前端之家收集整理的这篇文章主要介绍了css – 重叠div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要2个重叠的div,看起来像下面的那个.
------------------------------------
   |                      |             |
   |   ------------------ |             |
   |  '                  '|             |
   |  '                  '|             |
   |  '                  '|             |
   |  '                  '|             |
   |  '                  '|             |
   |  '                  '|             |
   |  '                  '|             |
   |  --------------------|             |
   |  '                  '|             |
   |  '                  '|             |
   |   -------------------|             |
   |                      |             |
   |                      |             |
    ------------------------------------

但不知怎的,我无法得到它. here is the place am fiddling out
谁能告诉我哪里出错了.

编辑1:
我有一个左div和一个右div.左边的div有重叠的div.右边div是普通的div.我猜大多数人都很困惑,而正确的div是重叠的,左边有两个div我需要那些重叠.

很抱歉让大家迷惑.

解决方法

我想你想要这样的东西:

HTML

<div class="parent">
  <div class="a"></div>
  <div class="b"></div>
</div>

CSS

.parent {
  position: relative;
}

.a {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index: 100;
  background: red;
}

.b {
  position: absolute;
  width: 80px;
  height: 180px;
  z-index: 110;
  left: 10px;
  background: blue;
  top: 10px;
}

编辑:在您的情况下,parent = contentContainer,a / b = leftContainer / rightContainer

猜你在找的CSS相关文章