如何在CSS中重叠两个div？

Question

我有两个 div 喜欢，

 <div class="imageDiv"></div>
<div class="imageDiv"></div>

和 css 类，

  .imageDiv
    {
        margin-left: 100px;
        background: #fff;
        display: block;
        width: 345px;
        height: 220px;
        padding: 10px;
        border-radius: 2px 2px 2px 2px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    }

你可以在 这里 看到结果:)

我想重叠这两个 div 喜欢，

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

Answer 1

添加到第二个 div bottomDiv

并将其添加到 css。

  .bottomDiv{
       position:relative;
       bottom:150px;
       left:150px;
    }

http://jsfiddle.net/aw8RD/1/

原文由 btevfik 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

看这里的演示 你需要为第二个 div 引入一个额外的 calss

 .overlap{
    top: -30px;
position: relative;
left: 30px;
}

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