需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：img {position: absolutetop: 100pxleft: 200px}。
3、浏览器运行index.html页面，此时通过css实现了图片的绝对定位，距离左侧100px，顶部200px，不随网页大小而变化。
1、首先设置要了解网页页面布局框架结构，设定宽高和边框，以及设置好class或者ID名称。
2、打开Dreamweaver CS5，点击新建HTML。
3、根据设定的网页布局，设置div网页结构。
4、添加div标签的class名称，这里也可以使用ID类名。
5、 编辑CSS控制div块的宽高和背景。
6、 这样就可以让子元素置于底部。
