Html 出于某种原因，我的选框标签有一个底部边距。如何删除它？

我正在制作一个网站，并添加了一个字幕。由于某种原因，它有一个底边距，我没有给出底边距。我我确定它是选框，因为我在它下面放了其他标签，它仍然有一个底部空白

<marquee style="background-color:#bababa;width:100%;font-size:18px;font-family:'Raleway',sans-serif;font-weight:600;height:30px;" onmouseover="this.stop();" onmouseout="this.start()">Amid coronavirus concerns, Nebraska's homeschool filings jump up 21%</marquee>
    <div id="home" style="text-align:center;">
        <div class="iframe-container">
            <iframe width="100%" src="https://www.youtube.com/embed/CwJkjB7lAI4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
    </div>

---

你需要这样的结果吗？我在回答中添加了

display:flex

，该规则允许您垂直居中移动文本。那样看起来更漂亮

.iframe容器{
位置：相对位置；
宽度：100%；
垫底：56.25%；
身高：0；
}
.iframe容器iframe{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}

在冠状病毒的担忧下，内布拉斯加州的家庭学校申请激增21%

您的代码运行良好，只需添加

显示：块您的
选框
标记


.iframe容器{
位置：相对位置；
宽度：100%；
垫底：56.25%；
身高：0；
}
.iframe容器iframe{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
}
在冠状病毒的担忧下，内布拉斯加州的家庭学校申请激增21%
看起来像
marquee
在默认情况下被视为内联图像，因此您会遇到与内联图像下的空白相同的问题-因此解决方案也是相同的，微不足道的…这是否回答了您的问题？只需添加
display:block在您的
选取框中
样式
.iframe-container {
            position: relative;
            width: 100%;
            padding-bottom: 56.25%;
            height: 0;
       }
.iframe-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }