文档流动方向
- display为内联元素（inline）：从左到右排列，直到排满换行。
- display为块级元素（block）：从上到下排列，每个元素占一行。
- inline-block元素：从左到右排列，但不会内容分开。<span或div>
注意:元素不再区分内联元素和块级元素。inline元素一般不能包含block元素。
宽度
- inline宽度为内部line元素的和，不能用width指定。
- block默认自动计算宽度，可用width指定。（建议不写宽度100%）
- inline-block结合前两者特点，可用width指定。
高度
- inline高度由line-height间接确定，跟height/padding无关。
- block高度由内部文档流元素决定，可以设定height。
- inline-block跟block类似，可以设定height。
溢出overflow
当内容的宽度或高度大于容器会溢出
解决方法：
- 可用overflow设置滚动条（overflow：auto;)
- auto是灵活设置
- scroll是永久显示
- hidden是直接隐藏溢出部分
- visible是直接显示溢出部分
- overflow可分为overflow-x和overflow-y
脱离文档流
脱离文档流元素：
- float
- position：absolute/fixed
