HTML --- 盒模型

绝对对位 position:absolute;
当一个元素设定了绝对对位,
如果他的父元素有设置定位(不管是绝对还是相对定位),那么他的坐标就是相当于父元素的左上角 进行定位(即 left:1px;top:2px;等都是相对于父元素的偏移)
如果他的父元素没有设置定位,那么他就向上找他的爷爷辈来进行偏移..

相对对位: position:relative;
当一个元素设定了相对对位,
他的坐标就是相当他原来的位置 进行的定位(即 left:1px;top:2px;等都是相对于他原来的位置的左上角的偏移)

原文地址:https://www.cnblogs.com/GotoJava/p/6263192.html