为了账号安全,请及时绑定邮箱和手机立即绑定

各位好,我想请教一下,为什么div设置position:absolute后改变top样式没有反应?就差最后一步,心急如焚!

552ca6460001cde702610031.jpg

552ca6480001507705000125.jpg

老师好,同学们好。如图,已知 console.log(minH);能打印上面图片中最小高度的图片的高度,但为什么我用top:minH;设置图片高度还是没有改变,覆盖了原来的图片呢?谢谢各位!

    for (var i = 0; i < oBoxs.length; i++) {
        if (i < cols) {//第一行图片
            hArr.push(oBoxs[i].offsetHeight);
        }
        else {//下一行图片
            var minH = Math.min.apply(null, hArr);//获取数组中最小高度
            console.log(minH);//能打印,minH有效
            var index = getMinhIndex(hArr, minH);//获取数组中最小高度元素的下标
            //改变目标box的位置
            oBoxs[i].style.position = 'absolute';
            oBoxs[i].style.top = minH + 'px;';//top改变无效
            oBoxs[i].style.left = oBoxW * index + 'px';//left改变有效
        }
    }


正在回答

1 回答

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

        if (i < cols) {//第一行图片

            hArr.push(oBoxs[i].offsetHeight);

        }

        else {//下一行图片

            var minH = Math.min.apply(null, hArr);//获取数组中最小高度

            console.log(minH);//能打印,minH有效

            var index = getMinhIndex(hArr, minH);//获取数组中最小高度元素的下标

            //改变目标box的位置

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

            oBoxs[i].style.top = minH + 'px;';//top改变无效

            oBoxs[i].style.left = oBoxW * index + 'px';//left改变有效

            hArr[index] += oBoxs[i].offsetHeight;//****************注意 还要修改最小值那一列的高度        

}

        

    }


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

各位好,我想请教一下,为什么div设置position:absolute后改变top样式没有反应?就差最后一步,心急如焚!

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信