# Floating alle x-Elemente aufheben

Hat man eine Liste von Elementen (z.B. divs) und möchte diese nebeneinander darstellen (Spalten), kann es durch unterschiedliche hohe Elemente (divs) zu Float-Problemen führen. Daher sollte das Floating für jede neue Reihe vorher aufgehoben werden. Mit diesem Snippets kann dies automatisch alle x-Elemente erledigt werden:

<code css>
div:nth-child(2n) {
  float: none;
}
div:nth-child(2n+1) {
  clear: both;
}
</code>

Das Snippet ist für einen 2-Spalter. Bei drei Spalten wäre es:

<code css>
div:nth-child(3n) {
  float: none;
}
div:nth-child(3n+2) {
  clear: both;
}
</code>

<WRAP center round tip 100%>
`+1` immer bei geraden Spaltenwerten und `+2` immer bei ungeraden.
</WRAP>

{{tag>css css3 snippets}}