站长论坛

标题: 网页制作CSS之DIV长度相等的几个办法 [打印本页]

作者: sunhw0725 时间: 2007-10-8 14:06
标题: 网页制作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代码：

<script>
function div(){
var l=document.getElementById("div1").getElementsByTagName("li");
var num=4;
var i=l.length / num ;
for(var a=0;a<i;a++)
{
  var max=l[num*a].scrollHeight;
  var kk=num*a;
  var dd=num*a;
  for(kk;kk<l.length;kk++)
  {
if(max<l[kk].scrollHeight)
{
max=l[kk].scrollHeight;
}
if(kk==num*(a+1)-1)
break;
  }
  for(dd;dd<l.length;dd++)
  {
l[dd].style.height=max+"px";
if(dd==num*(a+1)-1)
break;
  }
}
}
</script>

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

欢迎光临站长论坛 (http://www.tzlink.com/bbs/)