how to overlap two div in css?

add to second div bottomDiv

and add this to css.

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

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

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

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

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

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

Related