一、多个盒子堆叠次序问题
----
在 网页布局 中 , 如果 多个盒子都设置 绝对定位 , 那么这些盒子会堆叠在一起 ;
设置了定位样式的盒子会压住标准流盒子 , 如果有多个设置定位的盒子 , 后面的盒子会压住前面的盒子...DOCTYPE html>
堆叠次序
.one,..., 数值越大 , 越靠上 ;
z-index 属性取值范围 : 负整数 / 正整数 / 0 ;
z-index 属性默认值为 0 ;
z-index 属性值相同 , 那么按照先后顺序 , 后来的覆盖之前的...;
z-index 属性值的数字后面没有单位 ;
z-index 属性 生效的情况 :
相对定位
绝对定位
固定定位
在其它情况 , 如 : 静态定位 , 浮动 , 标准流 下 , z-index 属性无效...;
三、控制盒子堆叠次序
----
这里设置 蓝色盒子 z-index: 3 , 红色盒子 z-index: 2 , 紫色盒子 z-index: 1 ;
设置完毕后 , 蓝色盒子 压住 红色盒子 ,