// JavaScript Document

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

waterfall()

})

function waterfall(parent,box){

var $box=$("#main>div");

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

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

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

var hArr=[];

$box.each(function(index, element) {

? ? ? ? ? ? var h=$box.eq(index).outerHeight();

? if(index<cols){

? hArr[index]=h;

? }else{

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

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

? $(element).css({

? "position":"absoult",

? "top":minH+"px",

? "left":minHindex*w+"px", ?})

? hArr[minHindex]+=$box.eq(index).outerHeight();

? }

? ? ? ? });

}

照著寫了為啥最后一直是這個(gè)樣子