1
respuesta

Diferencia entra position relativa y absolute

Hola! tengo esta duda cual es la diferencia. Muchas gracias.

1 respuesta

Static: Valor por defecto. El elemento respeta su posición respecto del elemento padre y sus hermanos que determina el orden en el que se pinta en pantalla.

Relative: Libera al elemento de su posición original y combinado con top, bottom, left y right, nos permite desplazarlo respecto a ella. La posición del resto de elementos no es afectada.

Absolute: Igual que relative, pero los atributos top, bottom, left y right lo posicionarán respecto del primer elemento padre con un valor de position diferente a static o initial o en caso de no existir, del elemento HTML. El espacio liberado pasa a ser ocupado por el resto de elementos hermanos.

Fixed: Idéntico a absolute excepto que el elemento se posiciona siempre respecto del :root, por lo que no es afectado por ningún scroll, ni siquiera el del documento.

Inherit: Hereda el valor del padre directo.

Initial: Le devuelve el valor inicial que en este caso es static.