CSS背景顏色位置關閉

我爲div設置背景顏色，但由於某種原因，顏色框不在文本下方，而是像100px朝上。這是我的HTML代碼;CSS背景顏色位置關閉

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

，這是CSS

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

謝謝。

來源

2013-11-21 Jaeeun Lee

您的文字可能是高於'10px'？ – putvande

目前還不清楚你在問什麼？在那裏顯示：沒有'是什麼..？ –

我正在使用jQuery提供工具提示效果。你可以看到它，如果你去http://storyville.jonmarkoff.com/storyvillewp/並懸停在任何圖像。 –

刪除高度並添加line-height:30px ...將值更改爲您想要的任何高度。另外，請添加overflow: hidden;。您可能還需要將填充添加到左側和右側，而不是全部填充，因此您不會添加到行高。相反，這將刪除任何填充在頂部和底部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; 
}

來源

2013-11-21 23:21:12

只需移除高度即可，無需增加行高。謝謝！ –

因爲'overflow：hidden;'prob;） –

並沒有問題！快樂的編碼！ –

包裝盒中有10px的高度，你的字體大小沒有指定，那麼很可能大。

將字體大小和行高與div的實際高度相匹配。

如：（使用10px的值）：

http://jsfiddle.net/D2g9H/

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

來源

2013-11-21 23:25:12

CSS背景顏色位置關閉

回答

相關問題