一 相对定位: 设置一个盒子相对定位 position: relative ,可以微调元素, 原来的位置依然占用, 如果有其他元素在他周边,可以被压盖
二相对定位, position, 参照物是设有相对定位的父盒子 或者是浏览器, top bottom . left right 来描述 (脱离标准文档流)
三 固定定位, 脱离标准文档流 , 提示层级, 压盖其他内容 一定用作导航, 回顶控件等
z-index
这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。
- z-index 值表示谁压着谁，数值大的压盖住数值小的，
- 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z-index
- z-index值没有单位，就是一个正整数，默认的z-index值为0如果大家都没有z-index值，或者z-index值一样，那么谁写在HTML后面，谁在上面压着别人，定位了元素，永远压住没有定位的元素。
- 从父现象：父亲怂了，儿子再牛逼也没用