相对定位
1.相对于原来的位置进行定位
2.元素原来在文档流里的位置还会被保留着
面试题:三个定位中,哪个定位是没有脱离文档流的?答:相对定位
相对定位理解的时候,是可以理解成完全脱离文档流的。
绝对定位
1.绝对定位已经脱离文档流,不占文档位置。元素在文档流中的位置不再被保留
2.绝对定位相对于离他最近的有定位属性的父级元素进行定位
3.每个有定位属性的元素都独占一层,最好的例子:许愿墙
如果元素的位置都已经布置好了,但是为了给子元素一个参考,一般加相对定位。
定位层级
1.只有有定位属性的元素,才有定位层级的概念,正常元素都在文档流里面待着,没有层级的概念,相对定位也有层级。
2.只有亲兄弟元素,才能比层级。
3.有定位属性的元素,默认层级是0,如果层级一样,后来者居上。谁在上面,比的是层级z-index的值,谁的值大,谁在上面。
固定定位
1.相对于浏览器可视区域进行定位
2.元素在原来文档中的位置不再保留