CSS的盒子层次问题
- 标准流盒子，低于浮动的盒子，浮动的盒子又低于定位的盒子（除去static），即：定位（除去static）高于浮动，浮动高于标准流。（盒子的高低和占不占位置无关）
通过z-index改变盒子的层次关系
- 使用前提：必须有定位（除去static）。
- 给定z-index的值为层级的值（不给默认为0）
- auto 默认。堆叠顺序与父元素相等。
- number 设置元素的堆叠顺序。
- inherit 规定应该从父元素继承 z-index 属性的值。
注意
- 层级为0的盒子，也比标准流和浮动高。
- 层级为负数的盒子，比标准流和浮动低。
- 层级不取小数。
- 层级一样，后面的盒子比前面的层级高。
- 浮动或者标准流的盒子，后面的盒子比前面的层级高。
- 定位中：abselute是不占位置的，relative是占位置的。而层级的高低，是和占不占位置没有关系的。
