div元素包含带有font-szie属性的inline-block元素多出的高度哪来的？

Question

<style>

span {
    display: inline-block;
    font-size: 12px;
}

</style>

<div>
    <span>hello </span>
    <span>world</span>
</div>

多出来的高度是哪来的？

Answer 1

你把div的line-height设为1em就知道哪儿来的了