练习写瀑布布局中，需要获取各个盒子的高度来计算下一个盒子放到何处。

html：

css：

.box { padding:15px 0 0 15px; float: left; } .pic { padding: 10px; border:1px solid #ccc; box-shadow: 0 0 5px #ccc; border-radius:5px; } .pic img { width: 165px; }

js：

function waterFall(parent,box) { //取出main下所有class为box的元素 var oParent = document.getElementById(parent); var boxs = getByClass(oParent, box); //计算整个页面显示的列数 var oBoxW = boxs[0].offsetWidth; var clos = Math.floor(document.documentElement.clientWidth / oBoxW); //设置main的宽 oParent.style.cssText = 'width:'+oBoxW*clos+'px;margin:0 auto;' var hArr = []; for (var o = 0;o