Floats im CSS - Lücke/space Links oben, wenn nach rechts gefloatet?

Dies ist ein wenig schwer zu beschreiben, aber im Grunde gibt es zu unerwünschten Leerzeichen Links von einem gefloateten div auf meiner Seite. Hier gibt es Bilder, die das problem beschreiben. Die black boxes sind divs.

Bevor floating:

Floats im CSS - Lücke/space Links oben, wenn nach rechts gefloatet?

Nach floating:

Floats im CSS - Lücke/space Links oben, wenn nach rechts gefloatet?

Gewünschten Effekt:

Floats im CSS - Lücke/space Links oben, wenn nach rechts gefloatet?

Und ich bin mir nicht sicher, ob es einen Unterschied macht, aber ich habe auch ein leeres div mit "clear: both" unmittelbar nach dem gefloateten div.

Wie kann ich das erreichen?

  • Wir konnten sehen, die CSS und HTML, die dieses problem verursacht?
  • Ich habe versucht, schweben beide divs aber das hat nicht mein problem zu lösen sofort. Das problem war, dass es war ein Schurken-div (unfloated) hängen in zwischen, dennoch verursachen die gleiche Wirkung wie oben. Nach dem Umzug dieses div in der linken, ich war in der Lage zu erreichen, die richtige Wirkung. Die Antwort markiert unten war die, die mir geholfen, es herauszufinden. Vielen Dank für die Antworten alle.
InformationsquelleAutor ground5hark | 2010-01-12
Schreibe einen Kommentar