1、关于inline-block和float的理解
inline-block和float都可以实现块级标签放在同一行上，inline不好设置左右对齐，只能通过margin和padding调节。而float可以设置左右对齐。
如果inline-block元素在最左边，而同排的folat元素设置向左浮动，那么这个Inline-block将被挤到float后面，原因是因为float本身就是为文本环绕效果而设计的，不会覆盖文本。float一般情况是不会上移的，只会左右浮动。如果上面元素为块级标签，那么不上移，如果上面元素为inline或inline-block标签，那么float会上移，将内容挤到后面。
原文：https://www.cnblogs.com/sq5288/p/8758658.html