一个布局的问题

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。

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