css定位

一  相对定位:  设置一个盒子相对定位  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后面，谁在上面压着别人，定位了元素，永远压住没有定位的元素。
• 从父现象：父亲怂了，儿子再牛逼也没用