z-index属性
- z-index : auto | number
- z-index 属性设置元素的堆叠顺序，如果为正数，则离用户更近，为负数则表示离用户更远；
- 拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面；
- z-index 仅能在定位元素上奏效（position 属性值为 relative 或 absolute 或 fixed的对象）。
relative 不脱离文档流，absolute 脱离文档流。
也就是说：relative 的元素尽管表面上看到它偏离了原来的位置，但它实际上在文档流中还是没变。
absolute的元素不仅位置改变了，同时也脱离了文档流 不脱离文档流就是在原来的位置还有那个元素大小的位置占据着，就像灵魂出窍一样，本体还在那里，只是显示的位置变了。
打个比喻：
absolute就像一个气球，漂在了水面之上的空气中，不会占据水中的位置，（脱离文档流）
relative就像一个气球，有一半浮在水中，占据水的位置（不脱离文档流）
