登陆 免费注册 提交网站
站长资讯 >> 站长学院 >> 网页制作
 2007-08-15 00:28浏览: 2403 次

网页制作CSS之DIV长度相等的几个办法

用于布局架构:

#outer{

overflow:hidden;

}

#outer .panel{

float:right;

width:286px;

padding-left:21px;

border-left:1px solid #E5E3D7;

padding-bottom: 27670px !important;

margin-bottom: -27670px !important;

}

#outer .main{

float:left;

width:510px;

padding-bottom: 27670px !important;

margin-bottom: -27670px !important;

}

用于表格的JS代码:

function div(){

var l=document.getElementById("div1").getElementsByTagName("li");

var num=4;

var i=l.length / num ;

for(var a=0;a

{

var max=l[num*a].scrollHeight;

var kk=num*a;

var dd=num*a;

for(kk;kk

{

if(max

{

max=l[kk].scrollHeight;

}

if(kk==num*(a+1)-1)

break;

}

for(dd;dd

{

l[dd].style.height=max+"px";

if(dd==num*(a+1)-1)

break;

}

}

}

ps:在div里面调用div()就把里面的li重复4列的循环!

网站首页 - 关于我们 - 联系我们 - 友情链接 - 帮助中心
Copyright ©2007-2022 www.Aisila.com All Rights Reserved
苏ICP备20008864号-4