js实现左右高度不等的元素向下排列

一、需求

啥也不说， 先上效果图。

二、实现

1、使用css实现？琢磨了半个小时，否定了css实现（可能是我css能力有限 哈哈。。）

2、使用js实现。

 （1）、将整个容器分为左右两个部分，使用浮动 各自占50%

 （2）、拿到数据，循环添加元素，添加元素规则是（每添加一个元素进行判断，如果左边容器的高度大于右边容器，将当前元素添加到右边容器，否则添加到左边）