我们已经知道固定定位(fixed)和绝对定位(absolute)可以让盒子浮起来
相对定位(relactive)虽然不能让盒子浮起来，但也是可以让图层浮起来
那么既然大家都可以浮起来，就会存在一个问题：
最外层到底显示谁的问题？
在这里我先说一下兄弟盒子的概念
父级盒子在同一个盒子里，并且父级盒子都是（没定位或者是相对定位）
问题答案分成3种情况：
1、同一个父级盒子里，依据排序和z-index区分
都在同一个父级盒子里，三种定位的图层显示关系
根据在主体区的位置区分：谁的代码在后面，就显示在上面
并且也可以根据z-index来调整谁显示在外面
z-index大的显示在外面
2、不在同一父级盒子，但是父级盒子属于兄弟盒子，也是依据排序和z-index区分
不在同一个父级盒子里，但是父级盒子还是属于兄弟盒子
也就是说父级盒子都是（没定位或者是相对定位）
那么还是根据谁代码在后面谁显示在上面
也可以根据z-index来改变显示关系
3、不在同一父级盒子，父级盒子也不属于兄弟盒子，显示依据父级盒子的显示来显示，z-index不起作用
不在同一个父级盒子里，父级盒子已经不是兄弟盒子
也就是说父级盒子被抠出来了（固定定位或者绝对定位）
只要是对面的父级显示在你的父级上面
那么不管你怎么调整z-index，你始终显示在他的下面