window.onload=function{

waterfall('main','box');

}

function waterfall(parent,box){

//姜main下的所有的class为box的元素取出来

var oParent=document.getElementById(parent);

var oBoxs=getByClass(oParent,box);

//计算整个页面显示的列数（页面宽度/box的宽度）

var oBoxW=oBoxs[0].offsetWidth;

var cols=Math.floor(document.documentElement.clienWidth/oBoxW);

//设置main的宽度

oParent.style.cssText='width:'+oBoxW*cols+'px;margin:0 auto;';

}

function getByClass(parent,clsName){

var boxArr=new Array(),//用来存储获取到的所有class元素

oElements=parent.getElementsByTagName("*");

for(var i=0;i<oElements.length;i++){

if(oElements[i].className==clsName){

boxArr.push(oElements[i]);

}

}

return boxArr;

}