El posicionamiento relativo y absoluto son dos tipos de posicionamiento en CSS que permiten modificar la posición de los elementos en una página web.
Posicionamiento relativo (`position: relative`): Este tipo de posicionamiento se usa para mover un elemento desde la posición donde estaría en el flujo normal de la página. Por ejemplo, si deseas mover un elemento 20 píxeles a la derecha y 10 píxeles abajo, los atributos serían `top: 10px` y `right: -20px`. Es importante mencionar que el espacio original del elemento sigue reservado cuando se utiliza posicionamiento relativo. Este tipo de posicionamiento es útil cuando deseas hacer pequeños ajustes a la posición de un elemento.
Posicionamiento absoluto (`position: absolute`): Este tipo de posicionamiento saca el elemento por completo del flujo normal de la página. El elemento se posicionará exactamente en las coordenadas que se le indiquen, tomando como referencia el elemento ancestro más cercano que no tenga posicionamiento estático (por defecto todos los elementos tienen posicionamiento estático), o si todos son estáticos, se toma el elemento body como referencia. Cuando se utiliza este tipo de posicionamiento, ningún espacio queda reservado en la posición original del elemento. Muy útil para crear elementos que se superponen a otros.
