超详细html相对定位和绝对定位的区别

上节课我们讲了关于HTML定位中的静态定位和相对定位，接下来我们继续将关于定位的其他三种方式：

1.HTML绝对定位

相对定位是相对自己而言进行位置的移动，绝对定位则需要分情况进行移动：

1)当父类元素有定位时绝对定位根据父类进行相对位置的移动：如下图，我们teacher是student的父类，由于teacher有定位，因此在为student添加绝对定位的时候，它是相对于teacher进行位置的移动的：

2)当父类没有定位时，按照如果本层级中就近有元素有定位，则以该元素相对位置进行移动。如下图student加绝对定位，但是它的父级元素teacher是没有定位的，但是在往上一级schoolmastr是有定位的，那么student就会按照schoolmastr进行相对移动：

3)当所属层级没有定位，按照整个文档进行相对移动。如下图，teacher和schoolmastr都是没有定位的，那么student就会按照整个文档为参照物进行移动：

3.绝对定位与相对定位的区别

绝对定位和相对定位还有一个不同点，就是绝对定位一旦发生位置移动，原先位置不再保留。