css中幽灵空白节点的理解

内联元素渲染时，line-box前面会产生一个空白节点，宽度为0，继承font-size,line-height属性。上图中div和子元素span都没有设置高度，却存在高度，就是幽灵空白节点搞得鬼。为什么高度是20.667呢？因为line-height是20.667。line-height=fontSize+行距。font-size默认是16px。