流式佈局與堆積divs

Question

我想建立一個網站有兩列。左欄有兩個div，右欄有四個div。每個div可以有任何高度。垂直滾動條不應出現在主體上;只有在任何一列的個人股利。每個div應儘可能小，不要滾動，直到佔據列中的所有垂直空間。在這種情況下，內容最多的div開始滾動，第二個內容的div開始滾動第二個，等等。

CSS佈局會很理想，但jQuery的效果也很好。

編輯

我找它做這樣的事情：http://jsfiddle.net/CkgxD/。 （垂直調整窗口大小以獲得想法。）我現在有一個Javascript解決方案，它比我希望的更復雜。隨時發佈任何不良做法，代碼味道等。 - 我仍然對網頁開發不熟悉。

Answer 1

body { 
    overflow: hidden; 
} 

div.columns { 
    width: 50%; 
    float: left; 
    overflow: hidden; 
} 

div.inside { 
}