Css 使用视频时的布局问题

我在这里做的设计有一些布局问题：

我试图复制Airbnb主页上的视频/搜索框布局。事实上，我现在正在我的页面中使用他们的视频。但基本上是：

如何使带有窗体的紫色框与视频重叠，或者至少显示时没有间隙？ 如何防止视频在桌面浏览器上变得太高，以至于下面的紫色框和文本被推到折叠下面？ 我已经尝试过CSS和HTML，试图改进我所拥有的，但是你现在看到的是我所能得到的最好的。任何将这一点推向正确方向的指针都是受欢迎的

---

谢谢！Russell

如果您希望紫色框位于视频顶部，则需要使用position:static；。基本上是这样的：

紫斑{ 位置：绝对位置； 宽度：100%； 顶部：100px； }

---

呜呜！我很抱歉没有回复。我没有收到关于你答复的任何通知。非常抱歉。我试试看。再次感谢您的回复。经过反复试验，你的方法似乎奏效了。