सीएसएस: बाईं ओर फ्लोट छवि - समस्या

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 | 
-------------------------------------------- 

मार्कअप सही होना चाहिए:

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

समस्या यह है - यदि केवल कुछ पाठ हैं, तो छवि "फ़्लोट आउट" से "फ़्लोट आउट" होगी कंटेनर div, जो इस तरह दिखता है:

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

इसे ठीक करने के लिए कोई विचार? मेरे लिए एकमात्र समाधान div कंटेनर की न्यूनतम ऊंचाई को सेट करना प्रतीत होता है। thx

Answer 1

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

Answer 2

style="clear:both; साथ div तत्व के अंत में एक खाली तत्व जोड़, बस इस तरह:

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

Answer 3

< div style = "अतिप्रवाह: ऑटो" > </div >