流动的布局与堆叠的div

Question

我正在尝试构建一个包含两列的网站。左列有两个div，右列有四个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 {
}