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:

div:nth-child(2n) {
  float: none;
}
div:nth-child(2n+1) {
  clear: both;
}

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

div:nth-child(3n) {
  float: none;
}
div:nth-child(3n+2) {
  clear: both;
}