position: absolute y la propiedad left

Las propiedades left, top, right y bottom funcionan de manera distinta con el posicionamiento absoluto y con el relativo.

En los elementos con posicionamiento relativo, estas propiedades indican un desplazamiento respecto a la ubicación original. En los elementos con posicionamiento absoluto, indican una ubicación dentro de un sistema de coordenadas, como la de un punto en una gráfica.

De forma predeterminada, ese sistema de coordenadas corresponde a la ventana del navegador y sus puntos de referencia están en las esquinas.

La propiedad left define la distancia entre el borde izquierdo de la ventana y el borde izquierdo del elemento con posicionamiento absoluto. Con un valor negativo, el elemento se desplaza más allá del borde izquierdo de la ventana, sin que aparezca una barra de desplazamiento.