如何使 div 与字形内容的高度相同？

Question

在这个简单的示例中，内部标签的高度为 14px，但外部标签的高度为 20px。如何使容器标签与其子标签具有相同的高度？我尝试将 div 设置为 inline-block，但这没有做任何事情。

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

Answer 1

这应该可以解决问题

div > .glyphicon {
  display: block;
}

Answer 2

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