将多个固定宽度/可变高度框浮动到2列中

我会尽力解释的。我有多个宽度固定但高度可变的div。我想把这些盒子漂浮在固定宽度容器内的两列中。当a给它们一个浮点值时会发生什么:左边的值,我得到如下的结果:

######### ######### 
# box 1 # # box 2 # 
######### # ..... # 
......... # ..... # 
......... ######### 
######### ######### 
# box 3 # # box 4 # 
# ..... # # ..... # 
######### #########
######### #########
# box 5 # # box 6 #
# ..... # #########
# ..... #
#########

(句号为空白)

我真正想要的是盒子3的顶部接触盒子1的底部。有什么简单的方法来实现这个吗?

编辑: 希望找到适用于两列以上的解决方案。完美的构图将采用弹性布局,并沿水平方向扩展到屏幕上所需的尽可能多的列。