我们要对两个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