Ohne float:
Grauer Container sichtbar und auch die 2 Pink-Boxen im Container vorhanden

Mit float: left;
Grauer Container1 jetzt nicht mehr sichtbar (aber in html noch vorhanden) nur die 2 red-Box1 sind zu sehen:





Ohne float: left; aber mit Höhenangabe height: 210px; des Containers2
Grauer Container2 wird jetzt wieder sichtbar und 2 yellow-Box2 sind zu sehen:

Mit float: left; und mit Höhenangabe height: 210px; des Containers3
Grauer Container3 sichtbar und 2 green-Box3 sind nebeneinander zu sehen: