Empêcher l'enrobage dans les éléments flottants imbriqués dans CSS

Question

J'ai une div qui contient de nombreux éléments enfants flottants. Chaque élément enfant est une div contenant une entrée et une étiquette. Dans Firefox, il semble bien, mais dans IE7, le dernier élément d'une ligne est enveloppé pour s'adapter, plutôt que d'être déplacé vers la ligne suivante.

Wrapped Items http://harriyott.com/images/wrapping.png

Comment puis-je résoudre ce problème?

Answer 1

Avez-vous essayé d'appliquer l'espace blanc: nowrap; propriété aux étiquettes?

http://www.w3schools.com/cssref/pr_text_white-space.asp

Answer 2

Essayez définissant explicitement la largeur de chaque div imbriqué.

Answer 3

Je ne sais pas si je comprends bien, mais avez-vous essayer le vieux truc:

<div style="clear:both;"></div> 

Answer 4

Réduire la fenêtre du navigateur (par exemple Ctrl + - dans google chrome) au minimum et régler la « min- width: minValue en px "pour le" container "principal. .