Насколько я понимаю, когда элемент позиционируется как абсолютный (даже с отрицательным значением позиции), он полностью выходит из нормального потока контента. Но почему это все еще заставляет страницу переполняться? Когда вы запускаете фрагмент кода ниже, появляется горизонтальная полоса прокрутки, я думал, что ее там не должно быть.

.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>