CSSPosicionamiento


Sintaxis

  • posición: estática | absoluta | fija | relativa | pegajosa | inicial | heredar | unset;
  • índice z: auto | número | inicial | heredar;

Parámetros

Parámetro Detalles
estático Valor por defecto. Los elementos se procesan en orden, tal como aparecen en el flujo de documentos. Las propiedades superior, derecha, inferior, izquierda e índice z no se aplican.
relativo El elemento se posiciona en relación con su posición normal, por lo que a la left:20px agrega 20 píxeles a la posición IZQUIERDA del elemento
fijo El elemento se posiciona en relación a la ventana del navegador.
absoluto El elemento se posiciona en relación con su primer elemento ancestral posicionado (no estático)
inicial Establece esta propiedad a su valor predeterminado.
heredar Hereda esta propiedad de su elemento padre.
pegajoso Característica experimental. Se comporta como position: static dentro de su padre hasta que se alcanza un umbral de desplazamiento dado, entonces actúa como position: fixed .
desarmado Combinación de inicial y heredar. Más información aquí .

Observaciones

Flujo normal es el flujo de elementos si la posición del elemento es estática .

  1. definir el ancho es beneficioso porque en algunos casos evita la superposición del contenido del elemento.

Posicionamiento Ejemplos relacionados