Erzwingen Sie ein schwamm oder absolut Positionselement „im Fluss“ mit CSS zu bleiben

Question

Ich bin auf der Suche nach einem Weg, schweben oder absolut Elemente zu zwingen, positionierte in der Strömung in CSS zu bleiben. Ich denke, so ziemlich css dumm ist nicht so etwas wie Strömung aufweist: auf Fluss: off es in der Strömung zu halten oder es herausnehmen.

Das Problem ist, dass ich ein div-Element mit einer variablen Höhe haben will, habe ich ein schwebte Bild auf dem in dem div links, und ich mag, dass die div mindestens die Höhe des Bildes sein. Ich will es auch zumindest groß genug sein, die gesamten Text zu halten, die in der Strömung (dies offensichtlich kein Problem).

Ich brauche das Bild der Lage sein, in der Größe zu verändern. Ich bin derzeit eine jQuery-Lösung, aber sein Handeln auf. Da ich wie das Debuggen nicht das Gefühl, und ich fühle mich wie sollte eine Art von CSS-Lösung sein, frage ich.

Wer weiß, wie kann ich dies tun?

Answer 1

Ich gehe in der Regel mit overflow: hidden oder overflow: auto.

Answer 2

Statt ein neues Element des mit dem div am Ende zu löschen, können Sie dies auf die absoluten div css hinzuzufügen;

overflow: auto;

Offensichtlich IE mag anders spielen, so dass Sie eine Breite, um es liefern müssen. Ich gehe davon aus dem absoluten div Set Breite hat ... so können Sie einstellen, es nur zu dieser Breite.

.abs-div {
    position: absolute;
    overflow: auto;
    width: 160px; /* Replace with your width */
}

Answer 3

Ein Hack, der in Ihrer Situation funktionieren kann, ist ein weiteres Element in Ihrem div nach dem Rest des Inhalts hinzufügen, die die CSS-Eigenschaft clear auf „beide“ (oder links, da Ihr Bild auf der linken Seite) hat. zB:

<br style="clear: both" />

Dies wird das Element unterhalb der Floats zwingen, was die enthält div dehnen.