css基础概念

流动方向
inline 元素从左到右，到达最右边才会换行，如span
block 元素从上到下，每一个都另起一行，如div
inline-block 也是从左到右，但不会把自己分成两行

宽度
inline 宽度为内部 inline 元素的和，不能用 width 指定，不要在其内加block元素
block 默认最大宽度，可用 width 指定
inline-block 结合前两者特点，可用 width

高度
inline 高度由 line-height 间接确定，不能用 height 指定，没有内容时height为0
block 高度由内部文档流元素决定，可以设 height，没有内容时height不为0
inline-block 跟 block 类似，可以设置 height

overflow设置是否显示滚动条
visible 是直接显示溢出部分
hidden 是直接隐藏溢出部分
auto 是灵活设置
scroll 是永远显示

脱离文档流的元素
float: left/right
position: absolute/fixed

阻止margin合并
父子合并用 padding / border /overflow: hidden 挡住
父子合并用 display: flex 不知道为什么
兄弟合并用 display:inline-block 兄弟合并是符合预期的