层级问题，z-index的使用说明

层级问题

标准流的盒子，低于浮动的盒子，浮动的盒子又低于定位的盒子

用法：

1.必须有定位

2.给定z-index的值为层级的值（默认为0）

（层级为0的盒子，也比标准流和浮动高）

（层级为负数的盒子，比标准流和浮动低）

（层级不取小数）

（层级一样，后面的盒子比前面的层级高）

（浮动或者标准流的盒子，后面的盒子比前面的层级高）

（在定位中，abselute是不占位的，relative是占位的，层级的高低和占位没有关系）

z-index

z-index值表示谁压着谁。数值大的压盖住数值小的。类似于ps的图层原理

谁能用？

只有定位了的元素，才能有z-index值。

也就是说，不管相对定位、绝对定位、固定定位，都可以使用z-index值。

浮动不能用。

怎么用？

z-index值没有单位，就是一个正整数。默认的z-index值是0。

如果大家都没有z-index值，或者z-index值一样，那么谁写在HTML后面，谁在上面能压住别人。定位了的元素，永远能够压住没有定位的元素。

从父现象