En CSS el atributo position se utiliza para posicionar un elemento. Por defecto en todos los navegadores el valor que adquiere es static (sin posición). A continuación vamos detallar los tipos de valores que puede adquirir este atributo.
[show_hide title=”**CSS”]Cascade Style Sheet[/show_hide]
Static: Como acabamos de explicar este valor es el que se usa por defecto en los navegadores no posiciona elementos de ninguna forma en particular solo sigue como está escrito el código HTML. No se toman en cuenta los atributos top, bottom, left y right.
Absolute: Posiciona el elemento en forma absoluta con respecto al elemento padre se posiciona de forma específica mediante top, bottom, left right.
Relative: Genera una posición relativa a un elemento. Este valor lo que hace es, por ejemplo, si se le coloca ‘top: 10px’ corre diez pixeles el div hacia abajo con respecto a su posición normal.
Fixed: Fija un elemento en una posición determinada, sin importar que se desplace la página.
Inherit: Indica que la posición del elemento debe ser heredada del elemento padre.
Esos son todos los posibles valores que puede adquirir el atributo position, para más información se puede ver la documentación de w3.