Html CSS背景色位置关闭

我为一个div设置了背景色，但由于某些原因，颜色框不在文本下方，而是朝向顶部的100px。这是我的HTML代码

<div class="youtube_gallery_caption">The Fast Show - Unlucky Alf</div>

---

谢谢。

删除高度并添加

行高：30px

…将值更改为所需的任何高度。另外，添加

溢出：隐藏。您可能还希望仅在左侧和右侧添加填充，而不是在四周添加填充，这样就不会添加线条高度。相反，这将删除顶部和底部的任何填充
padding:0 10px

尝试用以下内容替换CSS：

.youtube_gallery_caption  {
    background:red;
    color:black !important;
    width:140px;
    line-height:30px;
    padding:0 10px;
    position:relative;
    z-index:99;
    display:none;
    overflow:hidden;
}

您的框的高度为10px，您的字体大小未指定，因此可能更大

将字体大小和行高与div的实际高度匹配

例如：（使用10px值）：


你的文本可能高于
10px
？不清楚你在问什么。。什么是
display:none
。我使用jQuery实现工具提示效果。如果您转到并将鼠标悬停在任何图像上，都可以看到它。只需删除高度，而不添加线条高度。谢谢由于
溢出：隐藏prob；）没问题！快乐编码！
.youtube_gallery_caption  {
    background:red;
    color:black !important;
    width:140px;
    line-height:30px;
    padding:0 10px;
    position:relative;
    z-index:99;
    display:none;
    overflow:hidden;
}

.youtube_gallery_caption {
    background:red;
    color: black !important;
    width:140px;
    height: 10px;
    font-size: 10px;
    line-height: 10px;
    padding:10px;
    position:relative;
    z-index:99;
}