Inline-block 和 float:left 都是CSS中用于布局的属性，它们在某些情况下可以产生相似的布局效果，但在其他方面存在显著差异。

1. 显示类型（Display Type）：
- inline-block：将元素显示为内联元素，但可以设置宽度和高度。这意味着元素不会像块级元素那样独占一行，而是和其他内联元素一起排列在同一行。
- float:left：将元素向左浮动，直到它的边缘碰到包含它的元素的边缘或者遇到另一个浮动元素。这通常用于创建布局中的浮动列。

2. 布局行为：
- inline-block：元素会像内联元素一样排列，直到它们到达行的边缘，然后开始新的一行。每个inline-block元素之间会有一个默认的空白间隙（white-space），可以通过设置`font-size: 0`或`letter-spacing: -0.31em`来消除这个间隙。
- float:left：元素会向左浮动，直到它的边缘碰到包含它的元素的边缘或者遇到另一个浮动元素。如果浮动元素后有非浮动元素，非浮动元素会显示在浮动元素下方。

3. 清除浮动（Clear Floats）：
- inline-block：不需要清除浮动，因为inline-block元素本身不会创建浮动。
- float:left：如果需要让元素在浮动元素下方显示，则需要清除浮动。这通常通过在需要清除浮动的元素上设置`clear: both`来实现。

4. 定位和尺寸：
- inline-block：可以像块级元素一样设置宽度和高度，同时保持内联元素的行为。这意味着你可以通过设置`width`和`height`来控制inline-block元素的尺寸。
- float:left：虽然可以设置元素的宽度，但高度通常是由内容决定的。如果你需要控制浮动元素的高度，可能需要结合使用`display: block`或其他技巧。

5. 浏览器兼容性：
- inline-block：在现代浏览器中表现良好，但在一些旧版本浏览器中可能需要特殊处理。例如，在IE8及更早版本中，inline-block布局可能不工作。
- float:left：是一个较老的属性，在大多数浏览器中都有很好的支持。

总结来说，inline-block 适合创建多列布局，其中列是水平排列的，而 float:left 则适合创建需要浮动效果的布局，例如图像浮动。选择哪种方法取决于你的具体需求和布局的复杂性。