1、新建一个html文件输入两个div标签，接着使用style属性，分别给div设置为绝对定位absolute和相对定位relative，让他们其中全部向左移动20px，向上移动30px的距离：
2、然后保存文件打开浏览器看看效果，位置显示还是比较明显的：
3、最后解释下这个结果，绝对位置就是对浏览器页面左边和顶部的距离，相对位置就是距离正常的标题的距离。以上就是css中绝对定位和相对定位的使用方法：
绝对单位是固定不变的单位，不会随着其他属性的变化而变化，不会随着窗口大小变化而变化。比如：px单位，设置了实际的像素值，它会固定地显示这个数值的像素大小；而rem是相对单位，根节点元素的数值变化，会影响到它的实际显示像素值。
