1、新建一个html文件输入两个div标签，接着使用style属性，分别给div设置为绝对定位absolute和相对定位relative，让他们其中全部向左移动20px，向上移动30px的距离：
2、然后保存文件打开浏览器看看效果，位置显示还是比较明显的：
3、最后解释下这个结果，绝对位置就是对浏览器页面左边和顶部的距离，相对位置就是距离正常的标题的距离。以上就是css中绝对定位和相对定位的使用方法：
绝对定位就是把元素的左上角固定到浏览器窗口的某个指定的、唯一的坐标点上，比如说 left:100pxtop:50px 就是说元素的左边距离浏览器窗口的左边100像素、元素的上边距离浏览器窗口的上边50像素。而相对定位就是相对于元素本来的位置再进行平移后获得新的位置，也就是说这个新位置是要根据原来的位置来定的，比如 left:10pxtop:-20px 就是把元素往右移动10像素，往上移动20像素。
打个比方，在地球上我们用经纬度来确定一个点的位置就是绝对定位，而类似“东南方向15公里”这样的就是相对定位了。
相对定位是默认的定位方式。是相对于其他元素的一种定位方式，当附近有元素占据空间时，会根据当前元素的空间确定位置，会受到其他元素的影响。绝对定位，是相对于父层及以上具有定位方式的元素进行定位，不受其他元素的影响。
