一个布局的问题

Question

问题描述用div包裹的span，div没有设置高度，但是总是比span的高了很多；div什么也没设置，也没父级的影响问题出现的环境背景及自己尝试过哪些方法相关代码// 请把代码文本粘贴到下方（请勿用图片代替代码）你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

大致尝试了下，有三种方式可以出现这种效果：
1.div和span应用了不同的line-height,如果div的line-height大于span的，span又设置了vertical-align: top;,就可以出现这样的效果，div上的line-height不一定是设置在它本身上的，可以是继承父级的。
2.div设置了padding-bottom。
3.span设置了display块级和margin-bottom。

可以在属性里看到底它们自身应用了哪些属性，不见得是显示声明的。