Ich habe ein Chat-Widget, dem ich etwas Styling hinzufüge. Es ist jedoch schwierig, die Chat-Sprechblasen der Benutzer rechts auf dem Bildschirm auszurichten.

Wenn ich float right verwende, werden die Divs mit float left (für die andere Seite) nicht mehr richtig positioniert, da sie scheinbar rechts von den relativen Divs stehen.

Ich möchte, dass es auch in der Lage ist, divs anzuhängen, die den Überlauf-y veranlassen, eine Bildlaufleiste zu erstellen. Was ohne den Schwimmer schon wie erwartet funktioniert.

Unten ist die aktuelle Version in einem Jsbin.

http://jsbin.com/utulay/1/edit

TLDR; versuche die .chat-bubble-user divs dazu zu bringen, sich rechts vom Bildschirm auszurichten, ohne zu schweben.