CSS兩個colums打破我的佈局

我有頁面，動態加載數據。我把圖片放在左邊，一些文字放在右邊。在兩列中使用float：left; 這工作正常，但包含div的高度不會更改以匹配較大div的高度。CSS兩個colums打破我的佈局

我soemthing這樣的：

<div class="container"> 
    <div class="left">//some php to load image</div> 
    <div class="right">//loaded text</div> 
</div> 

.container{ 
    width:800px; 
    height:auto; 
} 
.left,.right{ 
    float:left; 
    height:auto; 
} 
.left{ 
    width:300px; 
} 
.right{ 
    width:500px; 
}

的div是旁邊的海誓山盟，但包含分區只調整大小，以最小的div的高度。難道它不應該調整到最大的div的高度？

來源

2013-12-09 Paul Ledger

需要[清]（https://developer.mozilla.org/en-US/docs/Web/CSS/clear）的花車 – Pete

兩者的組合運行良好，清除浮動並添加溢出：自動到容器。感謝大家。 –