Der lila hinterlegte Hauptinhalt verliert seine Höhe, da die enthalteten Elemente gefloatet sind.
Ohne Clearfix verhaltet sich dieser Container so als hätte er keinen Inhalt. Der Container fällt daher auf eine Höhe von Null zusammen.
Da kein nachfolgendes Element existiert das den Float aufheben kann, wird ein CSS-Clearfix eingesetzt.