span 或者说 inline boxes 有两个高度，一个是它的 content area 的高度，由第一个可用字体的上升下降线决定；第二个高度是它在 line box 中占的逻辑高度，由 line-height 控制，将来还会有 text-box-edge 这种东西来结合字体中的各种基线来控制。

span 的 background border 都是放 content area 上，包括 getBoundingClientRect 。

而它的逻辑高度配合 vertical-align 和其他同行的盒子，一起构成行盒的高度，最后体现在 div 这个 block container 的高度上。