Artículos de flotación de limpieza selectiva en IE7

Question

Tengo una lista de 5 elementos que se dejan flotando y se muestran en línea. En el 4er artículo, configuré a la izquierda, lo que causa el 4º artículo en una nueva línea.

Pero en IE7 el quinto elemento flota junto al 3er elemento en la primera línea en lugar de flotar junto al 4º elemento en la nueva línea.¿Alguna idea de cómo hacer que esto funcione para IE7?

Prueba: http://jsfiddle.net/3dssp/4/

Answer 1

Me he encontrado con esto muchas veces y, lamentablemente, la única solución que soy consciente es tener un elemento de limpieza separado para limpiar el flotador.

es feo pero funciona:

<ul>
  <li>List 1</li>
  <li>List 2</li>
  <li>List 3</li>
  <li class="clear">&nbsp;</li>
  <li>List 4</li>
  <li>List 5</li>
</ul>

css:

.clear{
  display: block;
  float: none;
  clear: both;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
}

Las declaraciones de fuentes y las declaraciones de fuentes asegurarán que el DIV de limpieza sea solo 1 píxel alto, de lo contrario, será la altura del tamaño de fuente actual (¡Yay!).

Como esto es solo para IE7, mantendría su marcado limpio y agregaría este GUFF adicional dinámicamente con JavaScript para solo