Javascipt对CSS布局高度控制

原创 2007年10月05日 17:31:00
// JavaScript Document


//Javascipt对CSS布局高度控制
function setDivMaxLeng(divname)
...{
    
var divList=$(divname).childNodes;
    
var maxHeight=0;
    
var i;
    
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";
}
 

CSS布局--左侧自适应母元素高度

CSS布局--左侧自适应母元素高度
  • sxk8162
  • sxk8162
  • 2015年07月17日 16:56
  • 1026

用CSS解决左右两块布局时,分界线跟随二者中高度大的变化

html中左右两块,用css解决如何显示二者中高度最大的border

CSS实现已知宽高的div垂直居中;自适应高度两列布局

最近笔试经常碰到这个题,平时写代码好像

css头尾固定中间高度自适应布局

头尾固定中间高度自适应布局 html, body { height:100%; margin:0; p...

纯CSS实现移动端常见布局——高度和宽度挂钩的秘密

纯CSS实现移动端常见布局——高度和宽度挂钩的秘密不踩坑不回头.之前我在一个项目中大量使用css3的calc计算属性.写代码的时候真心不要太爽啊…但是在项目上线之后,才让我崩溃了,原因很简单,在低于安...
  • FungLeo
  • FungLeo
  • 2016年03月06日 00:21
  • 6481

两侧高度相互适应的CSS+div布局

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 左右均能适...

CSS布局奇淫技巧之-高度自适应

何为高度自适应? 高度自适应就是高度能跟随浏览器窗口的大小改变而改变,典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏,下面一栏高度自适应用于显示内容。高度自适应不像宽度自适应那样简单,...

div+css控制布局整理大全

  • 2009年12月17日 23:15
  • 369KB
  • 下载

由css控制布局的html网页

  • 2009年03月03日 12:04
  • 143KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Javascipt对CSS布局高度控制
举报原因:
原因补充:

(最多只允许输入30个字)