定位之z-index

我们已经知道固定定位(fixed)和绝对定位(absolute)可以让盒子浮起来

相对定位(relactive)虽然不能让盒子浮起来，但也是可以让图层浮起来

那么既然大家都可以浮起来，就会存在一个问题：

　　最外层到底显示谁的问题？

　　在这里我先说一下兄弟盒子的概念

　　　　父级盒子在同一个盒子里，并且父级盒子都是（没定位或者是相对定位）

问题答案分成3种情况：

　　1、同一个父级盒子里，依据排序和z-index区分

　　　　都在同一个父级盒子里，三种定位的图层显示关系

　　　　根据在主体区的位置区分：谁的代码在后面，就显示在上面

　　　　并且也可以根据z-index来调整谁显示在外面

　　　　z-index大的显示在外面

　　2、不在同一父级盒子，但是父级盒子属于兄弟盒子，也是依据排序和z-index区分

　　　　不在同一个父级盒子里，但是父级盒子还是属于兄弟盒子

　　　　也就是说父级盒子都是（没定位或者是相对定位）

　　　　那么还是根据谁代码在后面谁显示在上面

　　　　也可以根据z-index来改变显示关系

　　3、不在同一父级盒子，父级盒子也不属于兄弟盒子，显示依据父级盒子的显示来显示，z-index不起作用

　　　　不在同一个父级盒子里，父级盒子已经不是兄弟盒子

　　　　也就是说父级盒子被抠出来了（固定定位或者绝对定位）

　　　　只要是对面的父级显示在你的父级上面

　　　　那么不管你怎么调整z-index，你始终显示在他的下面

巴特西