相对定位、绝对定位、z-index

相对定位(relative)

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

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

注意：左和上市正方向，右和下是负方向，相对定位可以理解成完全脱离文档流的

面试问的话三种定位当中没有脱离文档流的，回答：相对定位，因为他文档位置是保留的

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

绝对定位

１、元素在文档流中的位置将不再保留

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

3、每一个元素独占一层空间，不会互相冲突

注意：一般在用上绝对定位的子元素要根据定位的父元素都是用相对定位(relative)

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

z-index

1、只有亲兄弟元素才有z-index这个层级属性可比

  2、有定位属性的元素才有层级概念，默认是0；数值越大在越上面