在html学习中，相信很多人都遇到了浮动问题，我们常用的两个浮动是display:inline block和float:left，那它们有什么区别呢？

display是值显示状态，float是针对块级元素的浮动。

display：inline block：控制元素垂直对齐和横向排列；会产生留白，需要将父元素的font-size设置为0，消除留白

float：left：使用浮动，不产生空白。