Relativo
La segunda imagen de esta section tiene position: relative y top y left a 200px, con border amarillo.
El desplazamiento es respecto a su posición en estático o normal. No se "aprovecha" su hueco, los demas elementos no se desplazan.
Aclaración a lo estudiado en librosweb: comparamos el posicionamiento relativo con el absoluto:
La segunda imagen de esta section tiene position: relative y top y left a 200px, con border amarillo.
El desplazamiento es respecto a su posición en estático o normal. No se "aprovecha" su hueco, los demas elementos no se desplazan.
La segunda imagen tiene position: absolute y top y left a 200px. El border es naranja
El desplazamiento es respecto al primer contenedor con posicionamiento distinto de estático. Como la imagen está dentro de section (con estático), y la sección dentro del body, se posiciona respecto al body. Además se "aprovecha" su hueco, los demas elementos se desplazan para ocuparlo.
La segunda imagen tiene position: absolute y top y left a 200px. El border es lima
El desplazamiento es respecto al primer contenedor con posicionamiento distinto de estático. Como la imagen está dentro de una section con posicionamiento relativo y desplazamianto cero (no se usa top, left..), se posiciona respecto a dicha sección. Además, al igual que antes, se "aprovecha" su hueco, los demas elementos se desplazan para ocuparlo.