how to overlap two div in css?

Question

I have two div likes ,

and css

Answer 1

check this fiddle , and if you want to move the overlapped div you set its position to absolute then change it's top and left values

Answer 2

See demo here you need to introduce an additiona calss for second div

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

Answer 3

I edited you fiddle you just need to add z-index to the front element and position it accordingly.

Answer 4

add to second div bottomDiv

and add this to css.

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

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