一、流动方向

1.inline元素从左到右，到达最右边才会换行，例如：span元素

2.block元素从上到下，每一个都另起一行，例如：div原素

3.没有内联元素和块级元素之分，比如span元素加上display,就变成了块级元素

4.inline-block也是从左到右，但是他又和div一样成块

二、宽度

1.inline宽度为内部inline元素的和

不能用width指定宽度，例如下图毫无反应

内联元素（span）内部要加块级元素，否则后果自负,例如下图毫无头绪

2.block默认自动计算宽度（能有多宽占多宽），可用width指定

永远不要写宽度100%，仔细观察第一个div，比下面的多出2px，因此容易出现bug,基本宣告bug了，所以永远不要写

3.inline-block结合前两者特点，可用width，默认和span一样，在设置宽度上又和div一样

三、高度

1.inline高度由line-height间接确定，但是如果改变字体，inline元素的高度与line-height会有差距

跟height无关，如下：

2.block高度由内部文档流元素决定，可以设height

3.inline-block跟block类似，可以设置height