参考文章：
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、高度相等，如果不相等，第二行的第一个元素会排到最高元素的右侧。