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

如何实现网页左右两边盒子高度自适应布局

最近在做一个项目时,有一个页面左侧有导航栏,右侧是内容,由于右侧内容不确定,所以右侧盒子的高度是根据内容的多少自动变化的,而我希望左侧导航栏的高度可以根据右侧盒子的高度变化而变化,当然,如果你是希望右...
  • dengdengda
  • dengdengda
  • 2016年11月02日 16:46
  • 3714

前端设计之CSS布局:上中下三栏自适应高度CSS布局

网页代码: CSS布局:上中下三栏自适应高度CSS布局 *{margin:0;padding:0;} body, html { margin: 0; padding:0 !import...
  • sinat_26342009
  • sinat_26342009
  • 2015年08月14日 16:09
  • 1408

CSS布局之流体浮动布局

在CSS布局中经常使用的布局方式大值分为以下四种: 1、流体浮动布局 2、流体定位布局  3、固定浮动布局 4、固定定位布局 下面首先说下流体浮动布局; 假如我们要实现如下的布局情况: ...
  • liangde123
  • liangde123
  • 2016年07月17日 23:06
  • 938

CSS布局中HTML标签元素分类

在CSS中,html元素标签大体可划分为三类:块状元素、内联元素(行内元素)和内联块状元素。 常用的块状元素有:style属性:display:block 、、...、、、、、、 、 块状元素的特...
  • beihuashan
  • beihuashan
  • 2016年03月11日 13:57
  • 150

如何用css控制按钮的高度和长度

  
  • lgh2008
  • lgh2008
  • 2007年08月17日 18:08
  • 8575

控制图片宽度或者高度且使图片不失真

我们常常在做需要放很多图片的网站时,需要给图片定义一个固定的样式,这样也是为了页面的美观,如果要将图片的高度和宽度定义为固定的值,那没有办法。然后就会失真现在当我们要做一个类似于瀑布流的页面时,并且又...
  • moby1994
  • moby1994
  • 2015年11月01日 12:10
  • 245

css布局--父级元素高度自适应

在项目中需要实现这样一个布局,子元素相对于父元素绝对定位,其中子元素的高度是确定的,希望父元素能够自适应子元素的高度,实现两个div的底沿对齐。 html: Document ...
  • zd10101501
  • zd10101501
  • 2015年11月04日 13:53
  • 1611

div布局之上中下,中高度自动撑满

    上次去面试,别人问我关于div布局的问题。div布局之上中下,中高度自动撑满。以前只知道在不声明div布局...
  • kevinwon1985
  • kevinwon1985
  • 2010年06月13日 11:08
  • 4857

CSS经典布局之弹性布局

当我们在浏览浏览器的时候,常常会放大/缩小浏览器的显示比例,或者在不同的设备上,所处的分辨率也不尽相同。因此,我们需要学习一个新的知识:弹性盒模型。 弹性盒模型 实现项目对齐,方向,排序(即使项目大小...
  • u011318165
  • u011318165
  • 2015年08月23日 18:04
  • 1508
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Javascipt对CSS布局高度控制
举报原因:
原因补充:

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