Mehr Text:
Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.
Weniger Text und doch gleich hoch.
Nulla vitae elit libero, a pharetra augue.Und zwar werden die Container nach unten mit einem Padding erweitert, in diesem Beispiel um 1000px. (Sollte das nicht ausreichen kann man den Wert auch einfach erhöhen) Um den gleichen Wert den das Padding hat wird mit einem negativen Margin der Container wieder angepasst. Die schwebenden (float) Container liegen wiederum in einem umschliessenden Div mit einem overflow: hidden welches verhindert das man den Bereich der durch das Padding erzeugt wird sieht.