网页制作技术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列的循环！

关键词：网页制作,CSS

【推荐给好友】【关闭】

最新五条评论

查看全部评论

评论总数 0 条

您的评论

用户名： （新注册） 密　码： 匿名：

·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯，提倡就事论事，杜绝漫骂和人身攻击等不文明行为

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有