文档流
•流动方向
inline 元素从左到右，到达最右边才会换行
block 元素从上到下，每一个都另起一行
inline-block 也是从左到右
•宽度
inline 宽度为内部 inline 元素的和，不能用 width 指定
block 默认自动计算宽度，可用 width 指定
inline-block 结合前两者特点，可用 width
•高度
inline 高度由 line-height 间接确定，跟 height 无关
block 高度由内部文档流元素决定，可以设 height
inline-block 跟 block 类似，可以设置 height
overflow 溢出
•当内容大于容器等内容的宽度或高度大于容器的，会溢出
可用 overflow 来设置是否显示滚动条
auto 是灵活设置
scroll 是永远显示
hidden 是直接隐藏溢出部分
visible 是直接显示溢出部分
overflow 可以分为 overflow-x 和 overflow-y
•哪些元素脱离文档流
float
position: absolute / fixed
两种盒模型
content-box 内容盒 - 内容就是盒子的边界
border-box 边框盒 - 边框才是盒子的边界
