将位置从静态更改为相对使绝对跨度消失

Question

我的页面中有两个不同的跨度，一个位于absolute位置，另一个位于relative位置。 Plunker代码为here。

现在，我看到绝对定位的div被完全隐藏为

但是，当我将relative - 定位范围更改为static位置时，absolute位置范围会变为顶部，

css-tricks说，

  

如果设置position: relative;在元素上但没有其他定位   属性（top，left，bottom或right），它不会对其产生任何影响   完全定位，就像你离开它时一样   作为position: static;

正如我所看到的，relative和static都不相同。 relative和static位置如何影响顶层显示的内容？

Answer 1

你在视图中有绝对 div，它只是你在具有相对类的span之后用绝对类写了span，所以绿色块是黑色的。如果你给绝对等级z-index:2;，那么你可以看到绝对等级范围