inline-block与对height的影响

写一篇笔记记录display的三个值：inline，block和inline-block对height的影响。

1. inline对height的影响

我们知道，如果设置某个盒子的display为inline，再对盒子设置height是无效的，盒子的高度依据内容而定，内容越多，则盒子撑开的高度越高。

2. block对height的影响

如果设置为block，无论内容多少，盒子的高度就是设置的height高度。

3. inline-block对height的影响

inline-block则充分吸收了两者的优点：如果内容高度小于设置的height属性，则盒子实际高度就是height，如果内容的高度超过设置的height，则盒子高度为内容高度。