vertical-align：text-top：盒子的顶部和父级内容区域的顶部对齐
vertical-align：text-bottom：盒子的底部和父级内容区域的底部对齐
关键在于“父级内容区域”的概念如何理解，指的是在父级元素当前font-size和font-family下应有的内容区域大小。
vertical-align：super：提高盒子的基线到父级合适的上标基线位置
vertical-align：sub：降低盒子的基线到父级合适的下标基线位置
如何区分上下：可以根据p和b来记忆，圆圈在上表示上标基线，圆圈在下表示下标基线
vertical-align开始设计了很多属性，设计之初是为了文字布局使用的，所以也比较复杂，但现在很多属性值实际使用场景较少，是因为现在受到了很多限制，布局不仅仅是文字场景
float属性在设计之初是为了解决文字环绕问题，但作者不推荐使用，因为用起来bug较多。flot的元素有4个特性：
1. 包裹性：由包裹和自适应性两部分组成，包裹是指对子元素的宽度进行包裹，自适应性是指根据子元素内容进行自适应，不会超出父元素宽度
2. 块状化并格式化上下文：float的元素会成为block或者table，此时vertical-align失效
3. 破坏文档流
4. 没有任何margin合并