[toc] ## 容器高度是由行高撑开的 而不是文字 必须要有内容，不然行高也撑不开   ## 需要知道的  ### 内容区域  内容区域只要字号、字体定了，那么就是**固定死的**，并不会随line-height变化而变化，想想文本被选中时的背景区域，无论line-height怎么变，蓝色背景是不会变化的。 #### 纯span只由内容区域大小决定 (chrome下，firefox的微软雅黑的中文内容区域是大于span的) 而不是由行高，且父容器的高度和span相等（如果手动指定了一个非字体自带的line-hegiht值，父容器就和span不等了(chrom下 )） >参见内联元素盒子模型新解 ### 半行间距计算  不同字体content-area大小是不等的   ## 总结  ## 如果行框盒子里面有多个不同行高的内联盒子，那么行框盒子的高度由哪个盒子决定？ 通常情况下由行高最高的那个内联黑子决定 但，如果过更改vertical-align，  ## 多行文本的高度就是单行文本高度累加