中国视觉之窗
  首页 资讯 画廊 艺术 视角 教程 网络学堂 创意集中营 高校 第七视觉 刊物 人才 论坛 搜索 蚁盟工作室   QQ群:10173223
·中国视觉之窗欢迎您 []
全网 站内

推荐文章
赞助商

广告时间
您的位置:  教程首页 >> 网络学堂 >> css >> 网页制作CSS之DIV长度相等的几个办法
网页制作CSS之DIV长度相等的几个办法
作者: ┊ 时间:2008-06-07 15:28:45 ┊ 来源:互联网 ┊ 浏览次数:6 ┊ 在线投稿



用于布局架构:
#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+Javascript实现表格...
 css语法大全--表格边框
 CSS的十八般技巧训练
 CSS教程-CSS--层叠样式表
 div+css布局入门
 CSS2入门到精通详解
 CSS缩写给你的网站加速之二
 CSS缩写给你的网站加速
 CSS布局实例:上中下三行...
 css属性之媒体(Media)类型


发表评论  ┊  告诉好友  ┊  打印此文  ┊   关闭窗口TOP

未经授权严禁转载本站任何内容,本站保留依法追究法律责任的权利。凡通 过本站授权的合作站点,转载本站文章必须注明来源为---中国视觉之窗,作者和来自我站的链接必须保 留,转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。 本站所刊登的任何文章、作品,不代表中国视觉之窗的立场。本站转载他站的文章,主要用于传播信息或 理念思维。没有丝毫商业意图,并清晰标注稿件真实来源。如侵犯你的版权,请联系删除!
友情链接 | 诚聘英才 | 关于我们 | 版权声明 | 广告服务 | 联系我们 | 站点地图 |
中国视觉之窗 艺术 设计 中国艺术设计的殿堂 中国第一视觉门户
Copyright © 2007-2009 ymarting.com All rights reserved.Best view by IE6.x 1024*768
粤ICP备07513371号