流式布局与堆积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 { 
}