css: sola süzülüyor görüntü - sorun

Question

:

-------------------------------------------- 
| --------- text text text text text text | 
| | image | text text text text text text | 
| |  | text text text text text text | 
| |  | text text text text text text | 
| --------- text text text text text text | 
| text text text text text text text text | 
| text text text text text text text text | 
-------------------------------------------- 

işaretleme doğru olmalıdır:

<div> 
    <img src='myimage.jpg' style='float:left;'> 
    tex text text .. 
</div> 

problemi - sadece birkaç metin varsa, görüntü "dışarı kayar"

-------------------------------------------- 
| --------- text text text text text text | 
| | image | text text text text text text | 
|_|  |________________________________| 
    |  | 
    --------- 

bunu düzeltmek için herhangi bir fikir? Benim için tek çözüm div deposunun min-yüksekliğini ayarlıyor gibi görünüyor. thx

Answer 1

div { 
    overflow: hidden; /* except IE6 */ 
    display: inline-block; /* IE6 */ 
} 
div { 
    display: block; /* IE6 */ 
} 

Answer 2

aynen böyle, style="clear:both; ile div elemanın sonunda boş bir öğesi ekleyin:

<div> 
    <img src='myimage.jpg' style='float:left;'> 
    tex text text .. 
    <div style="clear:both;"></div> 
</div> 

Answer 3

< div style = "taşma: auto" > </div >