文档流

文档流(Normal Flow)：即文档中元素的流动方向。

• HTML5中元素部分内联元素和块级元素，所有元素都可以是内联display:inling或块级display:block。
• 一般不在inline元素内添加block元素。

块

block，例如div，只占一行。

内联

inline，例如span，从左到右，默认合并。

内联块

inline-block。呈现块状，不会中断分行。

流动方向

• inline元素是从左到右，到达最右边才会换行。
• block元素是从上到下，每一个都另起一行。
• inline-block元素也是从左到右，但是不会中断。

宽度

• inline元素默认宽度为内部inline元素的和，不能用width指定。
• block元素默认自动计算宽度（不是100%宽度），可以用width指定。不推荐写宽度100%，因为可能会bug导致宽度不一。
• inline-block元素结合前两者特点，可以用width。

高度

• inline元素高度由行高line-height间接确定，与height无关，和行盒有关。
• block元素高度由内部文档流元素决定，可以设height。但是脱离文档流后不计算高度。
• inline-block和block类似，可以设置height。