Hola! tengo esta duda cual es la diferencia. Muchas gracias.
Hola! tengo esta duda cual es la diferencia. Muchas gracias.
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.