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

【问题标题】：Changing position from static to relative makes absolute span disappear将位置从静态更改为相对会使绝对跨度消失
【发布时间】：2016-04-16 16:27:07
【问题描述】：

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

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

但是当我将我的relative-ly 定位跨度更改为static 位置时，absolute 位置跨度会出现在顶部，

如果你设置position: relative;在一个元素上但没有其他定位属性（top，left，bottom 或 right），它不会影响它完全定位，如果你离开它，它会完全一样如position: static;

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

【问题讨论】：

标签： html css

【解决方案1】：

你有 absolute div 出现在视图中，它只是你用绝对类写了一个跨度和相对类的跨度，所以绿色块出现在黑色块的顶部。如果你给z-index:2;绝对类那么你可以看到绝对类跨度

【讨论】：