层级问题 (谁高)
总结:标准流盒子,低于浮动的盒子,浮动的盒子又低于定位的盒子。
定位高于浮动,浮动高于标准流。(高低和占不占位置无关)
(除去static之外)。
用法:
1、必须有定位。(除去static之外)。
2、给定z-index的值为层级的值。(不给默认为0)
1、(层级为0的盒子,也比标准流和浮动高。)
2、(层级为负数的盒子,比标准流和浮动低。)
3、(层级不取小数)
4、(层级一样,后面的盒子比前面的层级高。)
5、(浮动或者标准流的盒子,后面的盒子比前面的层级高。)
定位中:abselute是不占位置的,relative是站位的的。而层级的高低,是和占不占位置没有关系的。
本文深入探讨CSS层叠上下文原理,详细讲解标准流、浮动与定位元素间的层级关系,以及z-index属性如何影响元素堆叠顺序。揭示层级高低与元素是否占位无关的真相。
1万+

被折叠的 条评论
为什么被折叠?



