jquery中的瀑布流布局问题

Question

function waterfall(wrap,boxes){

//获取屏幕可以显示的列数

var boxWidth = boxes[1].offsetWidth + 20;//  如果我把boxes[0].offsetWidth+20 ,得出的是一列所有的宽度.

var windowWidth = document.documentElement.clientWidth;

var colsNum= Math.floor(windowWidth / boxWidth);

//设置容器的宽度

wrap.style.width= colsNum * boxWidth +'px';

// console.log(wrap.style.width)

// console.log(colsNum)

// console.log(windowWidth)

// console.log(boxWidth)

//定义一个数组并存储每一列的高度

var everyHeight=new Array();

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

if(i<colsNum){

everyHeight[i]=boxes[i].offsetHeight+20;

console.log(everyHeight[i])

}

}

};

window.onload = function(){

var wrap=document.getElementById('wrap');

var boxes=document.getElementsByTagName('div');

waterfall(wrap,boxes);

};

为什么我在这里console.log（boxWidth）

Answer 1

问题没写全啊