senäh

17senäh und so…

Clearfix-Hack Artikelbild

HTML/CSS/JS
29. Feb 2012
Kommentare: 13

Clearfix-Hack für das saubere clearen von float-Elementen

Kategorien: HTML/CSS/JS | 29. Feb 2012 | Kommentare: 13

Ihr kennt doch sicherlich das typische, oft zu beobachtende <div class="clearfix"></div>? Vielleicht habt ihr es sogar massiv selbst in Verwendung?

Wozu clear?

Falls nicht: das ganze ist notwendig, um Elemente mit der CSS-Eigenschaft float funktionsgemäß einzusetzen. Mithilfe von float lassen sich Elemente nebeneinander anordnen (sie “fließen”). Nach dem letzten so positionierten Element muss oft ein clear erfolgen, um das weitere Floaten – und somit ein zerhacktes Layout – zu verhindern.

Faustregel: unnötiges Markup vermeiden

Weiterlesen →