Élimination sélective Articles de flotteur dans IE7

Question

J'ai une liste de 5 articles qui sont flottés à gauche et affichés en ligne. Sur le 4ème article, je me suis clair à gauche, ce qui provoque ainsi le 4ème élément dans une nouvelle ligne.

Mais dans IE7, le 5ème élément flotte à côté du 3ème élément de la première ligne au lieu de flotter à côté du 4ème élément de la nouvelle ligne.Des idées Comment obtenir cela pour travailler pour IE7?

Test: http://jsfiddle.net/3dsp/4/

Answer 1

Je suis allé à plusieurs reprises et malheureusement la seule solution que je suis au courant est d'avoir un élément de compensation séparé pour effacer le flotteur.

C'est moche mais ça marche:

<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;
}

Les déclarations et les déclarations de polices garantiront que le raccorage div est que 1 pixel hauteur, sinon ce sera la hauteur de la taille de police actuelle (YAY!).

Comme ceci est seulement pour IE7, je garderais votre balisage propre et ajouterais dans ce GUFF supplémentaire de manière dynamique avec JavaScript pour juste