问题：一直好奇浮动和定位元素还有普通文档流元素的层叠顺序？
当没有指定z-index的时候， 所有元素都在会被渲染在默认层(0层) 根元素的背景和边界位于普通流中的后代块元素按照它们在 HTML 中出现的顺序层叠浮动块元素常规流中的后代行内元素后代中的定位元素按照它们在 HTML 中出现的顺序层叠当多个元素的z-index属性相同的时候(在同一个层里面)，那么将按照上述描述的规则进行布局。
注意！z-index只对指定了 positioned属性的元素有效。包括（relative）不包括staic 设置为static的元素z-index设置的数值就算特别大也无效
转载于:https://www.cnblogs.com/liuxinxin4288/p/11153077.html
相关资源：各显卡算力对照表！