div içindeki iki divi üst üste getirme

Merhaba arkadaşlar,
position: relative;
position: absolute;
position: fixed;
derken olayı yuzume gözüme bulaştırdım..

şöyle bir yapı düşünün

<div>
<div>1. kutu</div>
<div>2. kutu</div>
<div>3. kutu</div>
</div>

3. kutuyu 2. kutunun üstüne getirecegim
Tam istedigim aşağıdaki resimde oldugu gibi..


bi saga kaydı bi sola kaydı bi türlü yapamadım :/

üste gelecek olan dive position:relative ver z-index:2 ver margin-top:-20px; yeşil olan divede position:Relative;z-index:1 ver yeterli olur diye düşünüyorum dostum

margin-top değilde sadece top kullanmak lazım

http://jsfiddle.net/talendil/6bbttn85/

Margin veya z-index kullanma. Position ile git, en düzgünü o şekildedir. İçine koyduğun dive position: relative, içe koyacağın dive de position: absolute, width ve bottom:0 verirsen istediğin gibi olur.