如何使一個div與glyphicon內容的高度相同？

Question

在這個簡單的例子中，內部標籤的高度爲14px，但外部標籤的高度爲20px。我怎樣才能讓容器標籤的高度與其孩子相同？我嘗試將div設置爲內聯塊，但那沒有做任何事情。

<div> 
    <i class="glyphicon glyphicon-folder-close"></i> 
</div> 

Answer 1

這應該做的伎倆

內標籤的

div > .glyphicon { 
    display: block; 
} 

Answer 2

div i:before {font-size:14px;}