CSS之DIV长度相等的几个办法-Css|网络编程语言|学习网

文章类

软件类

html入门培训网站服务器软件化妆品经典广告词雅芳化妆品价格 avon化妆品 net 入门培训房地产销售广告化妆品广告词网络工程师

您现在的位置：学习网 > 网络编程语言 > Css > 正文


		最新热门

	CSS 速成
	控制网页文件大小通过精简CSS实
	网站字体大小 CSS该重新改写？
	斜角滑动门导航条(DIV+CSS)
	在DW中使用CSS样式表来设置网页
	CSS样式表层叠（cascade）处理
	“画中画”效果---谈Iframe标记
	让CSS使网页图片半透明
	CSS字型的设定
	CSS 单位


		频道推荐

	内嵌滚动条(windows UpDate风格
	CSS应用基础教程(3) 应用补充
	CSS应用基础教程(5) 文字性质
	CSS应用基础教程(4) 颜色背景
	CSS应用基础教程(2) 应用方式
	为打印输出创建一个CSS样式
	CSS应用基础教程(6) 区块性质
	用CSS控制图片自适应大小的方法
	网页制作技术CSS之DIV长度相等
	无延迟翻滚的图形与CSS混合风格
	CSS特点及加入网页的四种方法
	CSS对表格单元格强制换行和不换
	css教程:CSS文件应该保持整洁和
	在CSS设计中选择器的巧妙使用!
	在DW中使用CSS样式表来设置网页
	文本属性
	巧用CSS制作可控闪烁效果
	标准建站过程中注意CSS的兼容性
	简单的CSS改进网站设计的三个技
	CSS 常用信息速查手册

		频道推广

	CSS之DIV长度相等的几个办法	荐 ★★★

CSS之DIV长度相等的几个办法

作者：佚名文章来源：本站整理更新时间：2008-7-24 22:38:10

    用于布局架构：
以下是引用片段：
#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列的循环!

文章录入：admin 责任编辑：admin

上一篇文章：无内容div占据空间的触发条件和解决方法

下一篇文章： CSS注释、命名、继承性、样式排序等CSS技巧的小结

		相关文章

破天一剑私服 - 冒险岛外挂 - 传奇外挂 - dnf外挂 - 地下城与勇士外挂 - dnf外挂 - 传奇外传外挂 - qq三国外挂 - 天龙八部外挂 - 劲舞团私服 - 劲舞团私服 - 传奇私服 - 传奇私服 - 传奇私服 - 变态传奇私服 - 及时雨外挂 - 热血传奇私服 - 传世私服 - 魔兽世界私服 - 魔兽世界私服 - 完美世界私服