CSS：浮法圖像的左邊 - 問題

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風格= 「溢出：汽車」 > </DIV >