相对定位(relative)
1、相对于原来的位置进行定位
2.、元素原来在文档流的位置还会被保留着
注意:左和上市正方向,右和下是负方向,相对定位可以理解成完全脱离文档流的
面试问的话三种定位当中没有脱离文档流的,回答:相对定位,因为他文档位置是保留的
-----------------------------------------------------------------------------
绝对定位
1、元素在文档流中的位置将不再保留
2、绝对定位相对于离他最近的有定位元素属性的父级元素进行定位
3、每一个元素独占一层空间,不会互相冲突
注意:一般在用上绝对定位的子元素要根据定位的父元素都是用相对定位(relative)
-----------------------------------------------------------------------------
z-index
1、只有亲兄弟元素才有z-index这个层级属性可比
2、有定位属性的元素才有层级概念,默认是0;数值越大在越上面