css相对定位、绝对定位、固定定位

相对定位

1.相对于原来的位置进行定位

2.元素原来在文档流里的位置还会被保留着

面试题：三个定位中，哪个定位是没有脱离文档流的？答：相对定位

相对定位理解的时候，是可以理解成完全脱离文档流的。

绝对定位

1.绝对定位已经脱离文档流，不占文档位置。元素在文档流中的位置不再被保留

2.绝对定位相对于离他最近的有定位属性的父级元素进行定位

3.每个有定位属性的元素都独占一层，最好的例子：许愿墙

如果元素的位置都已经布置好了，但是为了给子元素一个参考，一般加相对定位。

定位层级

1.只有有定位属性的元素，才有定位层级的概念，正常元素都在文档流里面待着，没有层级的概念，相对定位也有层级。

2.只有亲兄弟元素，才能比层级。

3.有定位属性的元素，默认层级是0，如果层级一样，后来者居上。谁在上面，比的是层级z-index的值，谁的值大，谁在上面。

固定定位

1.相对于浏览器可视区域进行定位

2.元素在原来文档中的位置不再保留