1、首先设置要了解网页页面布局框架结构，设定宽高和边框，以及设置好class或者ID名称。
2、打开Dreamweaver CS5，点击新建HTML。
3、根据设定的网页布局，设置div网页结构。
4、添加div标签的class名称，这里也可以使用ID类名。
5、 编辑CSS控制div块的宽高和背景。
6、 这样就可以让子元素置于底部。
使用绝对定位方式可实现这个效果，如下边这个示例：
html代码：
<div class="box"><div class="demo">这个div要在box中水平居中，垂直居底</div>
</div>
CSS代码：
.con-box{position:relativewidth:800pxheight:500pxbackground:#000}.demo{position:absolutewidth:200pxheight:150pxbottom:0left:50%margin-left:-100px}
总结一下：
这个例子中 position:absolute表示定义demo这div绝对定位，bottom:0定义垂直居底，left:50%margin-left:-100px定义水平居中。
