材料/工具：电脑、CSS3、HTML5、HBuilder、浏览器、截图工具
1、双击打开HBuilder编辑工具，新建静态页面position.html，修改title标签内的内容。
2、在<body></body>标签元素内插入一个<div></div>标签，设置其id属性值为pos。
3、利用ID选择器设置div元素宽度和高度都为300px，背景色为#666666，position为absolute。
4、保存代码并预览界面，发现页面展示的正方形边框在左上角。
5、修改top、left、margin和padding，让div元素垂直居中。
6、设置div标签元素border-radius和background渐变属性即可。
相对定位是默认的定位方式。是相对于其他元素的一种定位方式，当附近有元素占据空间时，会根据当前元素的空间确定位置，会受到其他元素的影响。绝对定位，是相对于父层及以上具有定位方式的元素进行定位，不受其他元素的影响。
