序：
早些时间就看过张鑫旭大大的一些文章，但是仅仅停留在看的阶段，没有进行验证和实践，死记硬背了一些，到最后还是忘的一干二尽，所以记住和学会是两个事情，所以写博客也是这个目的，让自己印象深刻。
正文：
1.一个line boxes没有高度 那么是由内部最大的的inline box的 line－height 决定
line-height 默认值为nomal chrome浏览器的为1.15
表现为：空的div没有高度，＋文字就有高度了
只有一个元素是inline-block和inline的时候vertical-align才会起作用
父元素的为block 子元素 都为 inline－block 并且vertical－align 为middle的时候并不会居中
line-height能被继承
有时候你改变了Vertical-align的值，但是该元素垂直方向上没有发生改变反而别的元素改变了位置。
主要是因为改变了linebox的beaseline的位置
https://segmentfault.com/a/1190000002668492
