border等高布局:父级容器不能使用 overflow:hidden 清除浮动影响，相对padding和margin的等高布局，不会出现锚点定位带来的问题。
字母 x：x-height 指的就是小写字母 x 的高度，术语描述就是基线和等分线（mean line）（也称作中线，midline）之间的距离。
vertical-align:middle 并不是绝对的垂直居中对齐，我们平常看到的middle 效果只是一种近似效果。
vertical-align:middle。middle 指的是基线往上 1/2 x-height 高度。
ex ：ex 是 CSS 中的一个相对单位，指的是小写字母 x 的高度
line-height ：<div>高度是由行高决定的，而非文字。
行距 = line-height - font-size。
对于非替换元素的纯内联元素，其可视高度完全由 line-height 决定。
对于纯文本元素，line-height ，直接决定了最终的高度。但是，如果同时有替换元素，line-height 只能决定最小高度。
块级元素，line-height 对其本身是没有任何作用。