<script>

window.onload=function(){

waterfull('main','box');

}

function waterfull(parent,box){

//把父元素中class為box額元素取出來(lái)

var oparent=document.getElementById(parent);

var col=getbyclass(oparent,box);

//計(jì)算一共多少列（頁(yè)面寬度/每一個(gè)盒子的寬度）

var boxw=col[0].offsetWidth;

var bol=Math.floor(document.documentElement.clientWidth/boxw);

oparent.style.cssText='width'+boxw*bol+'px;margin:0 auto';

var harr=new Array();//存放高的數(shù)組

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

if(i<bol){

? harr.push(col[i].offsetHeight);

}

else{

? ?var minh=Math.min.apply(null,harr);

var index=getminhindex(harr,minh);

col[i].style.position='absolute';

col[i].style.top=minh+'px';

col[i].style.left=boxw*index+'px';

harr[index]+=col[i].offsetHeight;

}

}

}

function getbyclass(parent,clsName){

var boxs=new Array();//用來(lái)存放classname為box的盒子

var oElements=parent.getElementsByTagName('*');

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

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

boxs.push(oElements[i]);

}

}

return boxs;

}

function getminhindex(arr,val){

for(var i in arr){

if(arr[i]==val){

return i;

}

}

}

</script>

有錯(cuò)誤，而且一直顯示className使用有誤