Html 视频div和文本div之间的空白

我已经尝试了很多，但没有任何效果，我在互联网上找到的一切都不适合我。我有一个视频在一个名为“vidContain”的div中，在这个div下面是另一个名为“about”的文本div。在“vidContain”div之间是一个未知的空白，空白仅为4px小。有人能告诉我我做错了什么吗

HTML代码

<div class="nav">
            <ul>
                <li><a href="#vidContain">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#services">Services</a></li>
                <li><a href="#blog">Blog</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </div>

        <div id='vidContain'>
            <div id='vid'>
                <video loop muted autoplay poster="img/videoframe.jpg" class="fullscreen-bg__video">
                    <source src="video/finlay.mp4" type="video/mp4">
                    </video>
            </video>
            </div>
        </div>

        <div id="about">
            <p>Lorem ipsum</p>
        </div>

        <div id="services">
            Lorem ipsum
        </div>

        <div id='blog'>
            Lorem Ipsum
        </div>

---

这有点像是在黑暗中拍摄，没有看到小提琴或其他东西来准确地看到正在发生的事情，但是您有两个关闭的

标记。。。尝试删除一个，看看是否有区别：

<div id='vidContain'>
       <div id='vid'>
           <video loop muted autoplay poster="img/videoframe.jpg" class="fullscreen-bg__video">
                    <source src="video/finlay.mp4" type="video/mp4">
           </video>
      </div>
 </div>

此id

#vidContain

添加

属性垂直对齐：顶部&将此属性添加到
p
页边距：0

还有两次关闭视频标签

我猜是
显示：内联块
与
#vidContain
，但如果没有看到添加垂直对齐：top；完成了任务。非常感谢：）。
<div id='vidContain'>
       <div id='vid'>
           <video loop muted autoplay poster="img/videoframe.jpg" class="fullscreen-bg__video">
                    <source src="video/finlay.mp4" type="video/mp4">
           </video>
      </div>
 </div>