display:inline-block 和float:left 的区别

    display是指显示状态，float是针对块级元素的浮动。 使用inline-block：控制元素的垂直对齐跟横向排列元素。 使用浮动：1、让元素环绕某一个元素，对一个元素跟围绕他的一些元素进行更多控制                2、不想处理inline-block带来的空白问题                元素浮动后，它会变为 inline-block。其宽度不是100%    

>>阅读原文<<