基线并不是一成不变的，而是对机应变
简单说一下三种情况
父盒子里面有文本 文本的基线成为父盒子的基线
父盒子无文本 设置overflow hidden 父盒子基线在 margin-bottom [基线下移，底部对齐其他inline元素]
父盒子无文本 父盒子基线在 margin-bottom
这两个盒子没设置margin 相当于margin0 mb 就在框的底部
换一些对齐效果试一下
top在顶部，实现顶部对齐，两个框子也对齐了
Bottom在底部，也对齐了
经过思考，我又改了一点东西，从头开始
未设置对齐方式
两个盒子都遵守上面的规则1，忘了就再翻一下
设置top对齐
那个男人又回来了
因为文本并未改变top 和 bottom 位置
可以推测
bottom也和这个效果一样
果然，猜想正确。
我多写一行xxxxxx 还给他换行肯定是有原因的
因为ver 含有两个属性 叫做 text-top text-bottom
内联盒子有自己的 top bottom baseline 【来源于 text】
text也有
看一下 text-top text-bottom什么效果
这个效果和我想的完全不一样，陷入迷茫，我是边写边敲的，我猜测跟br有关系
去掉br
用 把xxxxxxx挤下去试一下
查了一下text-top啥意思，元素顶端与父元素字体顶端对齐，那父元素还要加点料
为了防止两个框一开始文字对齐，对子元素使用overflow-hidden，让基线下移到底部
让子元素父元素错开
这时还未设置属性
在子元素添加 text-top
再试一下text-bottom
问题又来了，在这个过程中，父元素文本位置发生变化，为啥呢？
再思考一下
可能文本动起来比块动起来方便吧，哈哈