Ein CSS-Grundbaustein, der sich in jedem meiner Projekte findet, ist der Clearfix.
Kurzvariante: mit der Klasse clearfix spart man es sich, nach DIVs in DIVs ein <div style="clear: both;"></div> angeben zu müssen, damit sich die Größe des Eltern-DIVs anpasst.
Ich hab hier und da ein bisschen rumspielen müssen, um den Clearfix so hinzubekommen, dass er platzsparend, modular und Browserübergreifend funktioniert. Daher hier der Code für alle Ewigkeiten ins Netz gebannt:
.clearfix:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
.clearfix{display: inline-block;}
/* Hides from IE Mac \*/ * html .clearfix {height: 1%;} .clearfix {display:block;} /* End Hack */ Der Eltern-DIV bekommt das Attribut class="clearfix" und man spart sich den zusätzlichen Clear-Container.
