¿Qué significan el posicionamiento absoluto y el posicionamiento relativo en CSS? ¿Cómo usarlo en general?

1. Cree un nuevo archivo html, ingrese dos etiquetas div y luego use el atributo de estilo para configurar los divs en posicionamiento absoluto y posicionamiento relativo respectivamente, de modo que ambos puedan moverse 20 px hacia la izquierda y 30 px hacia arriba:

2. Luego guarde el archivo y abra el navegador para ver el efecto. La visualización de la posición es muy obvia:

3. Finalmente, explique este resultado. La posición absoluta es la distancia desde la parte superior izquierda de la página del navegador y la posición relativa es la distancia desde el título normal. Lo anterior es el uso de posicionamiento absoluto y posicionamiento relativo en CSS: