流动的布局与堆叠的div

时间:2012-08-03 21:53:58

标签: jquery html css

我正在尝试构建一个包含两列的网站。左列有两个div,右列有四个div。每个div都可以有任何高度。垂直滚动条不应出现在主体上;仅限于任一列中的各个div。每个div应该尽可能小,不滚动,直到它们占据列中的所有垂直空间。在这种情况下,内容最多的div开始首先滚动,第二多内容的div开始滚动第二,等等。

CSS布局是理想的,但jQuery的效果也很好。

修改

我正在寻找它做这样的事情:http://jsfiddle.net/CkgxD/。 (垂直调整窗口大小以获得一个想法。)我现在有一个Javascript解决方案......比我希望的更复杂。随意调出任何不良做法,代码味道等等 - 我仍然是网络开发的新手。

1 个答案:

答案 0 :(得分:0)

body {
  overflow: hidden;
}

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

div.inside {
}