Firefox上的绝对和固定定位错误？

Question

这里应该是一个超级简单的东西，但是让我抓住了我的头脑。我有一个带有H1和P标签的div，它覆盖在本网站上的Three.JS 360°视频查看器之上：https://docs.python.org/3/library/copy.html

现在该div的代码是：

.video_tag {
 position: absolute;
 z-index: 100;
 top: 15%;
 left: 5%;
 width: 230px;}

在Chrome上使用位置标记进行奇妙的渲染，并将其呈现在屏幕顶部。但是在Firefox上，div从页面顶部渲染，而不是SCREEN（在Firefox上你可以看到.video_tag div出现在屏幕顶部的http://gloriouslabs.com/#page-5）

为什么它的表现如此？绝对和固定位置都会发生同样的错误。

干杯！

Answer 1

将容器设置为相对定位

#holder {
    position: relative;
}

如果这不是正确的容器，请将其设置为您需要的容器

Answer 2

我在firefox的inspect中打开了你的页面并添加了这个position: relative;：

#holder {
    height: 100%;
    width: 100%;
    position: relative;
}

它正在运行，但我没有用chrome测试