参考文章：

http://www.zhangxinxu.com/wordpress/2010/11/%E6%8B%9C%E6%8B%9C%E4%BA%86%E6%B5%AE%E5%8A%A8%E5%B8%83%E5%B1%80-%E5%9F%BA%E4%BA%8Edisplayinline-block%E7%9A%84%E5%88%97%E8%A1%A8%E5%B8%83%E5%B1%80/

总结：

display:inline-block：

1、不规则的高度

2、vertical-align:top

float:left：

1、高度相等，如果不相等，第二行的第一个元素会排到最高元素的右侧。