Instantly share code, notes, and snippets.

Embed
What would you like to do?
Dank des Clearfixes umfassen Container floatende Kindelemente. Alternative ist overflow: hidden, die aber nicht immer gut funktioniert.
/**
* @section Clearing Methoden
* @see http://www.yaml.de/de/dokumentation/grundlagen/allgemeines.html
*/
.clearfix:after {
clear:both;
content:".";
display:block;
font-size:0;
height:0;
visibility:hidden;
}
/* benötigt Safari zwingend */
.clearfix { display:block; }
/* IE6 + 7: hasLayout aktivieren */
.clearfix { *height:1%; }
/* Wenn ich doch mal traditionell clearen will */
.clearing { clear: both; line-height: 0px; font-size: 1px; height: 0px; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment