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

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