Warum ist die Position absolut, damit die Seite überläuft?

Mein Verständnis ist, dass ein Element, sobald es absolut positioniert ist (auch mit einem negativen Positionswert), vollständig aus dem normalen Inhaltsfluss herauskommt. Aber warum läuft die Seite immer noch über? Wenn Sie das folgende Code-Snippet ausführen, wird die horizontale Bildlaufleiste angezeigt. Ich dachte, sie sollte nicht vorhanden sein.

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

Antworten auf die Frage(14)

Ihre Antwort auf die Frage