@@Gunnar Bittersmann
Absolut positionierte Elemente sind „aus dem Fluss“ genommen, d.h. nachfolgende Elemente werden so plaziert als wären die absolut positionierten gar nicht da.
Um der Frage zuvorzukommen, was man da tun kann:
-
Wenn du die Höhe des Balken kennst: dem nachfolgenden Element entsprechenden Abstand nach oben zum vorherigen Element geben. Aber die Höhe von Elementen kennt man im Allgemeinen nicht.
-
Nicht absolut positionieren.
Die Farbe des Balken kann ja auch border
sein, der genügend groß gewählt wird und der Inhalt mit entsprechendem negativen margin
wieder an Ort und Stelle plaziert wird.
Damit’s keinen horizontalen Scrollbalken gibt: html { overflow-x: hidden }
Zu Risiken und Nebenwirkungen …
Das Unschöne daran: Was heißt „genügend groß“?
Nachtrag: Wie du siehst, kommt das Ganze ohne irgendwelche Wrapper-div
s aus.
LLAP
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)