Die Breite des absoluten Positionselementes wird abgeschnitten, wenn es sich über den rechten Rand des relativen übergeordneten Elements hinaus erstreckt

Diese position: absolute; divs, die in / um ein position: relative; parent platziert sind, erhalten Höhe / Breite von der Größe und Länge des enthaltenen Textes.

Wenn jedoch einer von ihnen über den rechten Rand des relativen übergeordneten Elements hinausgeht, scheint seine Breite abgeschnitten zu sein.

Wie kann ich das div, das sich über die rechte Seite des relativen Elternteils hinaus verhält, wie die anderen verwenden, die nicht nur CSS verwenden? (Sollte in allen gängigen Browsern funktionieren, einschließlich Edge, aber nicht IE)

Hier ist eine Geige , aber ich werde auch den Code + Screenshot unten kopieren:

HTML:

... und die Stile. Beachten Sie, dass die absolute div-Breite vor dem Wickeln maximal 200 Pixel erreichen soll. Andernfalls sollte die Breite durch die Länge des enthaltenen Textes bestimmt werden:

Dieses Problem trat beim Implementieren eines Tooltips auf, der sich, wenn er von einem Entwickler verwendet wird, selbst als WRT positionieren muss. offsetParent (oder der Hauptteil, wenn in seinem DOM-Zweig kein vorangestelltes offsetParent existiert).

Bearbeiten: Wie kann ich das gewünschte Verhalten nur mit CSS erreichen?

Die Lösung muss in allen gängigen Browsern funktionieren, einschließlich Edge, aber nicht IE. Und um es noch einmal zu wiederholen, die width der absoluten divs 'können nicht vorhergesagt werden, da sie durch die Länge der Texte bestimmt werden sollte ... die einzige Ausnahme ist, dass es ein max-width geben wird (in diesem Beispiel ist es das) 200px).