Según tengo entendido, una vez que un elemento se posiciona como absoluto (incluso con un valor de posición negativo), saldrá completamente del flujo de contenido normal. Pero, ¿por qué todavía hace que la página se desborde? Cuando ejecuta el fragmento de código a continuación, aparece la barra de desplazamiento horizontal, pensé que no debería estar allí.

.relative {
  position: relative;
  background: pink;
}
.absolute {
  position: absolute;
  top: 0;
  right: -100px;
  width: 200px;
  height: 100px;
  background: rgba(0,0,0,.5);
}

<div class="relative">
  Placeholder <div class="absolute"></div>
</div>