Hier sieht man, wie der Footer scheinbar unter dem Text positioniert wird. Das div hat die gleiche Breite bekommen wie das Elternelement, dadurch entsteht der Eindruck, als wäre er tatsächlich innerhalb des nav. Der footer hat einen äußeren Abstand nach oben bekommen (margin-top), denn sonst würde footer und dieser Text übereinander liegen. Es käme zu einer Überschneidung wie in den vorigen Beispielen. Der margin-top Abstand muss durch Ausprobieren ermittelt werden. Wichtig ist das man em oder rem nimmt, damit der Abstand sich auch vergrößert, wenn eine größere Schrftart im Browser eingestellt wird. Es wird allerdings noch komplizierter siehe nächstes Beispiel