¿Cuáles son los atributos de posición en CSS?

El atributo de posición especifica el tipo de posicionamiento del elemento. Tiene cinco atributos, a saber,

estático: el valor predeterminado del elemento HTML, es decir, sin posicionamiento y siguiendo el flujo normal de documentos del objeto. Los elementos colocados estáticamente no se verán afectados por arriba, abajo, izquierda, derecha.

relativo: Un elemento relativamente posicionado se posiciona con respecto a su posición normal.

fijo: La posición del elemento es fija en relación con la ventana del navegador. Nota: La ventana no se moverá incluso si se desplaza.

Absoluta: la posición de un elemento absolutamente posicionado es relativa al elemento principal posicionado más cercano. Si el elemento no tiene un elemento principal posicionado, su posición es relativa. a . Nota: El posicionamiento hace que la posición del elemento sea independiente del flujo del documento, por lo que no ocupa espacio. El elemento posicionado se superpone a otros elementos.

sticky: Posicionado según la posición de desplazamiento del usuario. Los elementos posicionados fijamente dependen del desplazamiento del usuario, cambiando entre posición: relativa y posición: posicionamiento fijo. Se comporta como position:relative; y cuando la página se desplaza más allá del área de destino, se comporta como position:fixed y permanece fija en la posición de destino. El posicionamiento de elementos se comporta como posicionamiento relativo hasta que se cruza un cierto umbral y luego como posicionamiento fijo.