#kutu1 {
    background: red;
    position: relative;
    width: 250px;
    height: 250px;
}

En üstteki 200x200 boyutundaki, normal akışa göre konumlandırılmış kutucuk.

#kutu2 {
    background: yellow;
    top: 25px;
    left: 50px;
    position: relative;
    width: 250px;
    height: 250px;
}

Normal akışa göre 25px aşağı ve 50px sağa kaydırılmış kutucuk.

#kutu3 {
    background: aqua;
    position: relative;
    width: 250px;
    height: 250px;
}

Normal akışa göre konumlandırılmış üçüncü kutucuk. Sarı kutucuğun kaydırılmış olması, bu kutucuğun konumunu değiştirmemiş.