大神看看这是为什么

图片都在第一张图片那儿叠加了，找了半天没找出问题，求大神指导一下

$(window).on('load',function(){

waterfall();

})

function waterfall(){

var $boxs=$('#main>div');

// var w=$boxs.eq(0).width();

var w=$boxs.eq(0).outerWidth();

var cols=Math.floor($(window).width()/w);//列数

$('#main').width(w*cols).css('margin','0 auto');

var hArr=[];

$boxs.each(function(index,value){

// console.log(index); console.log(value);

var h=$boxs.eq(index).outerHeight;

if(index<cols){

hArr[index]=h;

}else{

var minH=Math.min.apply(null,hArr);//???

var minHIndex=$.inArray(minH,hArr);//???

// console.log(varlue);

$(value).css({//dom对象转为jquery对象

'position':'absolute',

'top':minH+'px',

'left':minHIndex*w+'px'

})

hArr[minHIndex]+=$boxs.eq(index).outerHeight;

}

})

// console.log(hArr);

}