`position`

Define como se posiciona un elemento: static (por defecto), relative, absolute, fixed o sticky.

Valores

Valores	Descripcion
`relative`	Se desplaza respecto a su posicion normal, sin sacarlo del flujo.
`absolute`	Se posiciona respecto al ancestro posicionado mas cercano.
`fixed`	Se posiciona respecto a la ventana, sin moverse al hacer scroll.
`sticky`	Se comporta como relative hasta que cruza un umbral, y luego se fija.

Vista previa

Codigo

ejemplo.html

<style>
  .contenedor { position: relative; height: 80px; border: 1px solid #999; }
  .flotante { position: absolute; top: 10px; right: 10px; background: #191919; color: #fff; padding: 4px 10px; }
</style>
<div class="contenedor">
  <span class="flotante">Posicionado</span>
</div>