css: hình ảnh phao sang trái - vấn đề

Question

tôi đang cố gắng để làm một cái gì đó như:

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

đánh dấu nên phải bàn cãi:

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

vấn đề là - nếu chỉ có một vài văn bản, hình ảnh sẽ "nổi lên" từ div container, mà trông như thế này:

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

bất kỳ ý tưởng để sửa lỗi này? giải pháp duy nhất cho tôi dường như thiết lập chiều cao tối thiểu của vùng chứa div. thx

Answer 1

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

Answer 2

thêm một phần tử rỗng vào cuối của phần tử div với style="clear:both;, chỉ cần như thế này:

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

Answer 3

< div style = "overflow: auto" > </div >