CSS 层级


总结:标准流盒子,低于浮动的盒子,浮动的盒子又低于定位的盒子。
定位(relative,absolute,fixed)高于浮动,浮动高于标准流。(高低和占不占位置无关)
(除去static之外)。
用法:1、必须有定位。(除去static之外)。
      2、给定z-index的值为层级的值。(不给默认为0)
(层级为0的盒子,也比标准流和浮动高。)
(层级为负数的盒子,比标准流和浮动低。)
(层级不取小数)
(层级一样,后面的盒子比前面的层级高。)
(浮动或者标准流的盒子,后面的盒子比前面的层级高。)

定位中:abselute是不占位置的,relative是站位的的。而层级的高低,是和占不占位置没有关系的。
CSS 层级

提高层级的常用方法:

position:relative;

z-index:1;