由于某种原因，我的选取框标签有底边距。如何删除它？

Question

我正在制作一个网站，并添加了一个选取框。由于某种原因它有底边距，我没有给出底边距。我确定它是选取框，因为我通过在它下面放置其他标签进行了检查，它仍然有底部边距。

<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>

css-

.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%;
        }

Answer 1

您的代码运行良好，只需添加 display: block; 您的 marquee 标签

.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%;
}

<marquee style="background-color:#bababa;width:100%;font-size:18px;font-family:'Raleway',sans-serif;font-weight:600;height:30px; display: block;" 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>

fiddle Here

由于某种原因，我的选取框标签有底边距。如何删除它？

My marquee tag has a bottom margin for some reason. How to remove it?

html

css

marquee