container mit 2 pink-boxen
Grauer container sichtbar - die 2 mal pink-box sind im grauen container zu sehen.
Nach dem Verkerkleinern des Browser (responsiv) ist die zweite pink-box außerhalb des grauen containers
Grauer container1 mit 2 mal red-box1 und zusätzich gelbes clear sichtbar: mit clear: both; Befehl
Der gaue container1 ist sichtbar, und auch die 2 mal red-box1 und die gelbe clear sind zu sehen.
Das gelbe clear wird beidseitig (both) ausgerichtet.
Nach dem Verkleinern des Browser (responsiv) sind die beiden pink-box und die gelbe clear innerhalb des grauen containers.
Grauer container2 mit 2 mal green-box2 ohne float aber mit clear: both; Befehl
Der gaue container2 ist sichtbar, und auch die 2 mal green-box2 sind zu sehen.
Die günen box2 werden beidseitig (both) ausgerichtet.
Nach dem Verkleinern des Browser (responsiv) sind die beiden green-box2 automatisch innerhalb des grauen containers angepasst.
Grauer container3 mit 2 mal blue-box3 und zusätzich hellblaues clear1 nicht-sichtbar: mit clear: both; Befehl
Der gaue container3 ist sichtbar, und auch die 2 mal blue-box3 aber nicht die hellblaue clear1 sind zu sehen.
clear1 wird beidseitig (both) ausgerichtet.
Nach dem Verkleinern des Browser (responsiv) sind die beiden blue-box3 innerhalb des grauen containers und clear1 ist nicht zu sehen.