浮动与display:inline-block

显示方式

inline-block(上) 与 float(下)

inline-block 默认为行内块级元素，所以之间会有缝隙。

对齐方式

inline-block(上) 与 float(下)

inline-block 没有脱离文档流，所以和正常的文档流一样采取底端对齐的方式
float 元素脱离了普通文档流的限制，只考虑某个方向的浮动。

display:inline-block可以通过一个: vertical-align 来控制两个元素的对齐方式

为两个div都添加middle