如何将Div放在我的iFrame视频下方

Question

我目前有一个iframe视频，坐在上面的是4个可点击的图片。在这之下，我希望有一个联系我页面，但是，我面临的问题是如何让我的联系我div打击iframe视频。有人可以帮我解决这个问题吗？目前，在我的codepen上，你会看到我已经应用了一个线性渐变，这是放置视频的地方，即使我有一个Contact Me div，它也没有放在左上角，后面iframe视频，我希望它低于div，与它完全分开。

您可以在我的Codepen上看到我的代码，here

这就是我现在所拥有的：

.

正如您在屏幕截图中看到的那样，这是首页，但是“联系我”div位于视频的后面，在顶角...有人可以帮我解决这个问题吗？

Answer 1

你有太多具有绝对定位的元素。你不需要所有这些。 要相对于其父元素绝对定位元素，您只需将位置：相对添加到父级，将位置：绝对添加到儿童

并且因为你绝对定位所有东西，元素正在失去它们的高度，这就是为什么你的联系div移动到顶部因为页面的流程被打破，因此，你的联系div不会真正看到上面的元素它。此外，您的身体上有颜色：白色，这适用于您网页上的所有内容，包括联系人div。更改它，你会在标题的顶部找到你的联系人。

如果您需要更多信息，我很乐意提供帮助。

Answer 2

您的联系人标题就在那里。它位于左上角，但它是白色的（至少这是我在代码链接上看到的）给<h1>一种样式颜色以帮助它突出，<h1 style="color:blue;">等。将div移动到代码中的图像上方。这也应该有所帮助。