啥时候使用inline-block或是float使用

简单地说

1）使用inline-block：需要控制元素的垂直居中对齐跟水平排列时，使用inline-block。（ie6,7下块元素不支持）
2）使用float：当需要让元素环绕某一个元素时，或者需要支持旧版本ie，或者不想处理inline-block带来的空白问题（代码换行解析成空格，虽然可以设置font-size：0，但要在子元素下重置font-size，较麻烦）时，使用浮动。

当你需要将元素排列成一行或者多行时，更倾向于考虑使用inline-block代替float，

如果你需要创建一个很复杂的包含行列的布局，table是你的最佳选择。

还有一点需要记住的是，float是脱离文档流的，元素的大小会影响到其他同样浮动的元素位置，而inline-block则不会。