Posicionamiento CSS

Es un módulo de CSS que define cómo posicionar elementos absoluta y relativamente en la página.

Position

La propiedad position de CSS especifica cómo un elemento es posicionado en el documento. Las propiedades top, right, bottom, y left determinan la ubicación final de los elementos posicionados.

position - CSS | MDN

Tipos de posicionamiento

• Un elemento posicionado es un elemento cuyo valor computado de position es relative,  absolute, fixed, o sticky. (En otras palabras, cualquiera excepto static).

• relative → Especifican el desplazamiento desde su posición original.

  • El elemento es posicionado de acuerdo al flujo normal del documento, y luego es desplazado con relación a sí mismo

• absolute → Especifican el desplazamiento desde los bordes del bloque contenedor de elemento.

  • El elemento es removido del flujo normal del documento, sin crearse espacio alguno para el elemento en el esquema de la página.

• fixed → Como absolute pero se queda fijo en la pantalla.

  • El elemento es removido del flujo normal del documento, sin crearse espacio alguno para el elemento en el esquema de la página.

• sticky → Es tratado como un elemento posicionado relativamente hasta que su bloque contenedor cruza un límite establecido (como por ejemplo dando a top cualquier valor distinto de auto).

position - CSS | MDN

Archivos de la Clase

Posicionamiento en CSS

https://github.com/FROSTYLAN/Notes-JavascriptSchool/commit/85cb6bc427f71032b526852806fb03c6cc52f1bd