Práctica: CSS3
Práctica para trabajar con barras de navegación adaptativas con caja de búsqueda, menús ocultos y la propiedad position
de CSS3.
Propiedad position
position: static;
El elemento Parent1 tiene una position: static, y sigue el flujo natural de la página.
NO actúa como punto de anclaje para el elemento Child1, posicionado de manera absoluta.
position: relative;
El elemento Parent2 tiene una position: relativa, y sigue el flujo natural de la página.
Actúa como punto de anclaje para el elemento Child2, posicionado de manera absoluta:
position: absolute;
El elemento Parent3 tiene una position: absoluta, y NO sigue el flujo natural de la página.
Tomará la posición según el ancestro más cercano.
Actúa como punto de anclaje para el elemento Child3, posicionado de manera absoluta.
position: fixed;
El elemento Parent4 tiene una position: fixed, y NO sigue el flujo natural de la página.
Tomará la posición según la ventana virtual (viewport).
Actúa como punto de anclaje para el elemento Child4, posicionado de manera absoluta.