jquery - 带有堆叠 div 的流动布局

Question

我正在尝试建立一个包含两列的网站。左列有两个 div，右列有四个 div。每个 div 可以有任何高度。垂直滚动条不应该出现在主体上；仅在任一列中的单个 div 上。每个 div 都应该尽可能小而不滚动，直到它们占据了列中的所有垂直空间。在这种情况下，内容最多的 div 首先开始滚动，内容第二多的 div 开始第二次滚动，依此类推。

CSS 布局将是理想的，但 jQuery 也很好用。

编辑

我正在寻找它来做这样的事情：http: //jsfiddle.net/CkgxD/。（垂直调整窗口大小以获得一个想法。）我现在有一个 Javascript 解决方案，它......比我希望的更复杂。随意指出任何不良做法、代码异味等——我还是 Web 开发的新手。

Answer 1

body {
  overflow: hidden;
}

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

div.inside {
}