---------------------------------------
定位:1.相对定位 position: relative;
元素会脱离标准流,保留原来的位置不会被删除
在移动元素的时候,参照点是自己原来的位置
2.绝对定位 position: absolute;
元素会脱离标准流,不保留原来的位置
绝对定位在移动元素的时候,是看看父元素是否有定位,有就以该元素为参照点去移动,
没有就向上一级去查找,有就以该元素为参照点去移动,还没有在往上查找,如果上面都没有,就以body为参照点去移动
总结:相对定位 position: relative;是当爹的一个过程.而绝对定位 position: absolute;是找爹的过程,没找到爹就以body为爹
一般实际开发中,都是子元素绝对定位,父元素相对定位
3.固定定位 position: fixed;
固定在可视区域的摸个地方
层级 z-index:数值
注意:该数值越大,就越往上,值越小可以越往下,可以是负值哦,而且z-index是会相互影响的
思考?现在是否可以实现把红色盒子夹在俩个盒子中间?答案是不行的,
最初的想法是给a3的z-index数值最大,其次是a1的z-index数值第二大,最后是a2的z-index的数值最小
但结果是不行的,最后是以父盒子a2为准,子盒子a3继承了父盒子a2.