如何重叠两个div在CSS？ [英] how to overlap two div in css?

问题描述

我有两个 div likes，

 < div class = imageDiv >< / DIV> 
< div class =imageDiv>< / div> 
  

和 css class，

  .imageDiv 
 {
 margin-left：100px; 
背景：#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; 
} 
  

您可以看到结果

I have two div likes ,

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

and css class ,

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

You can see the result Here :)

I want to overlap this two div likes ,

解决方案

add to second div bottomDiv

and add this to css.

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

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

这篇关于如何重叠两个div在CSS？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！