//JavaScriptDocument

//Javascipt对CSS布局高度控制
functionsetDivMaxLeng(divname)
...{
vardivList=$(divname).childNodes;
varmaxHeight=0;
vari;
for(i=0;i<divList.length;i++)
...{
if(divList[i].nodeType==1&&divList[i].nodeName.toLowerCase()=="div")...{
//str=str+"child("+i+"):type="+divList[i].nodeType;
//str=str+"tag="+divList[i].nodeName;
divList[i].style.height="auto";
if(divList[i].scrollHeight>maxHeight)
maxHeight=divList[i].scrollHeight;
}
}
//alert(maxHeight);
for(i=0;i<divList.length;i++)
...{
if(divList[i].nodeType==1&&divList[i].nodeName.toLowerCase()=="div")...{
divList[i].style.height=maxHeight+"px";
}
}
$(divname).style.height=maxHeight+"px";
}
本文介绍了一个使用JavaScript动态调整包含多个子div元素的父div的最大高度的方法。通过遍历子元素并获取每个子div的滚动高度来确定最大高度,然后将这个最大高度应用到所有子div及父div上,确保布局整齐统一。
2086

被折叠的 条评论
为什么被折叠?



