5-1 脱离文档流

5.脱离文档流二三事

　　—天使专属隐藏技

脱离文档流就是指折翼天使和凡间的小伙伴说拜拜了~无论跑到到什么地方，其小伙伴都没有反应，只能对着天空苦苦流眼泪~

回流与重绘

　　正是由于这种脱离文档流特性，所以在网页动画中有这样一条金科玉律

　　TIp：动画尽量作用在绝对顶伪元素上！

垂直空间的层级

　　绝对定位于普通定位也不例外，天是在天上飞着，肯定会覆盖普通民众，但是天使也不止有一个

　　遵循的是后来居上准则

z-index存在误区

　　由于这种阶级划分特性，是哟以也会让新手产生这样的误区，认为绝对定位元素都是需要z-index控制层级的，却定其显示的位置！

　　我是能说 NO！！！

z-index无依赖

　　1.如果只有一个绝对定位元素，自然不需要z-index，自动覆盖普通元素

　　2.如果两个绝对定位，控制DOM流的前后顺序达到需要的覆盖效果，依然无z-index；

　　3.如果多个绝对定位交错，非常非常少见，x-index：1控制；

　　4.如果非弹框类的绝对定位元素z-index > 2,必定z-index冗余，请优化！