各位好,我想請(qǐng)教一下,為什么div設(shè)置position:absolute后改變top樣式?jīng)]有反應(yīng)?就差最后一步,心急如焚!
老師好,同學(xué)們好。如圖,已知?console.log(minH);能打印上面圖片中最小高度的圖片的高度,但為什么我用top:minH;設(shè)置圖片高度還是沒(méi)有改變,覆蓋了原來(lái)的圖片呢?謝謝各位!
????for?(var?i?=?0;?i?<?oBoxs.length;?i++)?{ ????????if?(i?<?cols)?{//第一行圖片 ????????????hArr.push(oBoxs[i].offsetHeight); ????????} ????????else?{//下一行圖片 ????????????var?minH?=?Math.min.apply(null,?hArr);//獲取數(shù)組中最小高度 ????????????console.log(minH);//能打印,minH有效 ????????????var?index?=?getMinhIndex(hArr,?minH);//獲取數(shù)組中最小高度元素的下標(biāo) ????????????//改變目標(biāo)box的位置 ????????????oBoxs[i].style.position?=?'absolute'; ????????????oBoxs[i].style.top?=?minH?+?'px;';//top改變無(wú)效 ????????????oBoxs[i].style.left?=?oBoxW?*?index?+?'px';//left改變有效 ????????} ????}
2015-05-22
? ??for?(var?i?=?0;?i?<?oBoxs.length;?i++)?{
????????if?(i?<?cols)?{//第一行圖片
????????????hArr.push(oBoxs[i].offsetHeight);
????????}
????????else?{//下一行圖片
????????????var?minH?=?Math.min.apply(null,?hArr);//獲取數(shù)組中最小高度
????????????console.log(minH);//能打印,minH有效
????????????var?index?=?getMinhIndex(hArr,?minH);//獲取數(shù)組中最小高度元素的下標(biāo)
????????????//改變目標(biāo)box的位置
????????????oBoxs[i].style.position?=?'absolute';
????????????oBoxs[i].style.top?=?minH?+?'px;';//top改變無(wú)效
????????????oBoxs[i].style.left?=?oBoxW?*?index?+?'px';//left改變有效
????????????hArr[index] += oBoxs[i].offsetHeight;//****************注意 還要修改最小值那一列的高度? ? ? ??
}
????????
????}