Verhindern Umbrechen in verschachtelten floated-Elementen in CSS

Question

Ich habe ein div, das viele untergeordnete float-Elemente enthält. Jedes untergeordnete Element ist ein div, das eine Eingabe und ein Label enthält. In Firefox sieht es gut aus, aber in IE7 wird das letzte Element einer Zeile so umgebrochen, dass es nicht in die nächste Zeile verschoben wird.

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

Wie behebe ich das?

Answer 1

Haben Sie versucht, den Leerraum zu verwenden: nowrap; Eigentum an den Etiketten?

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

Answer 2

explizit versuchen, die Breite jeder verschachtelten div einstellen.

Answer 3

Ich weiß nicht, ob ich das richtig verstehe, haben aber Sie versuchen, den alten Trick:

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

Answer 4

das Browser-Fenster minimieren (zB Strg + - in Google Chrome) auf das Minimum und stellen Sie die „Min- width: minValue in px "für den Hauptcontainer". .