function waterfall(element,space,children) {
    if(!element) return ;
    space = space || 30 ;
    children = children || "div" ;        //前三行默认设置，分别为外框元素id，上下留白，子元素标签名(子元素标签名使用太多或出错)
    var wrap = document.getelementbyid(element) ;
    var water = wrap.getelementsbytagname(children) ;
    var spacewidth = water[0].offsetwidth ;        //获取子元素宽度(offsetwidth会获取块级元素的padding和border)
    var wrapwidth = wrap.offsetwidth ;        //获取外框元素宽度
    var colnum = math.floor(wrapwidth/spacewidth) ;        //计算获取外框元素所能承受列数
    var padding = math.floor((wrapwidth - colnum*spacewidth)/(colnum-1)) ;        //计算外框元素剩余宽度并计算左右留白
    var column = new array() ;
    var length = water.length ;
    var maxheight = 0 ;
    for(var i=0;i<colnum;i++) {        //初始化数组来计算各列初始top值和left值
            column[i] = new array() ;
            column[i].top = space ;
            column[i].left = (spacewidth * i)+padding*i ;        //计算各列距离左侧距离
    }
    for(var i=0;i<length;i++) {        //遍历所有子元素及瀑布流布局
            var index = i+1 ;        //计算该子元素属于第几列
            if(index%colnum==0) {
                    sub = colnum ;
            } else {
                    sub = index%colnum ;
            }
            _this = water ;
            _this[i].style.position = "absolute" ;
            _this[i].style.top = column[sub-1].top + "px" ;
            _this[i].style.left = column[sub-1].left + "px" ;
            column[sub-1].top += _this[i].offsetheight + space ;        //计算各列最新高度以便赋值
    }
    for(var i=0;i<colnum;i++) {        //获取瀑布流整体布局高度
        if(column[i].top > maxheight) maxheight = column[i].top ;
    }
    wrap.style.height = maxheight+"px" ;        //给外框元素赋值以防止出现子元素溢出外框元素
}