注册 | 登录 | 设为首页 | 加入收藏
您当前的位置:飞翔学院-IT中国 → 编程开发网页制作CSS → 文章内容

对两个DIV底部动态对齐(CSS背景法)

作者:佚名 来源:本站整理 发布时间:2007-10-27 10:42:15

我们要对两个DIV的底部对齐

<div>

<div style="float:left; width:200px;border: 1px solid #999999;">第一个Div</div>

<div  style="float:left; width:500px;border: 1px solid #999999;">第二个DIV 高度是动态的第二个DIV 高度是动态的第二个DIV 高度是动态的第二个DIV 高度是动态的第二个DIV 高度是动态的第二个DIV 高度是动态的第二个DIV 高度是动态的第二个DIV 高度是动态的 </div>

<div>

现在要使 第一行的高度和第二行底部对齐,这里可用多种办法 比较了还是感觉用 背景法简单,多种浏览器都兼容

修改如下:

<div style="background-image: url(img/allbj.gif);background-repeat: repeat-y;background-position: left;">  设置背景图片 图片宽为200 如下图

<div style="background-image: url(img/allbj2.gif);background-repeat: no-repeat;background-position: left bottom;">   //添加一层DIV  设置背景图片底部图片 如下载

<div style="float:left; width:200px;border: 1px solid #999999;">第一个Div</div>

<div  style="float:left; width:500px;border: 1px solid #999999;">第二个DIV 高度是动态的第二个DIV 高度是动态的第二个DIV 高度是动态的第二个DIV 高度是动态的第二个DIV 高度是动态的第二个DIV 高度是动态的第二个DIV 高度是动态的第二个DIV 高度是动态的 </div>

<div>

</div>

效果大家可以参考 www.52z.com/soft/1000.html


  • 打印文档
  • 推荐好友
  • 返回顶部
  • 增大字体
  • 减少字体
关于本站 | 工作机会 | 合作网站 | 广告服务 | 市场合作| 联系我们 | 抽奖活动
版权所有: 武汉威俊科技有限公司 Copyright 2005-2007 www.ITCNW.COM All rights reserved