在网页设计中，`inline-block` 和 `float:left` 都是用来布局元素的常见方法，但它们在表现上存在一些差异。以下是一些主要的差异：

1. 方向性：
- `inline-block` 元素默认方向是水平的，也就是说，它们会一个接一个地排列在同一行上，直到到达父元素的宽度限制，然后才会换行。
- `float:left` 则会让元素向左浮动，直到到达父元素的左边边界，如果元素设置了宽度，它会在到达宽度限制之前就换行。

2. 定位：
- `inline-block` 元素在默认情况下会像文本一样在页面上定位，这意味着它们不会脱离标准文档流。
- `float:left` 会让元素脱离文档流，这意味着它不会影响后续元素的位置，除非后续元素也设置了浮动。

3. 高度：
- `inline-block` 元素在默认情况下不会自动调整高度以适应其内容，除非给它们设置了 `vertical-align` 属性。
- `float:left` 元素的高度会自动调整以适应其内容。

4. 换行：
- `inline-block` 元素可以在父元素中换行，如果它们的宽度之和超过父元素的宽度。
- `float:left` 元素通常不会在父元素中换行，除非设置了 `clear` 属性或者父元素也设置了浮动。

5. 排列顺序：
- `inline-block` 元素会按照它们在HTML中的顺序排列。
- `float:left` 元素的排列顺序不受HTML顺序的影响，因为它们已经脱离了文档流。

6. 边缘对齐：
- `inline-block` 元素的顶部和底部会对其父元素的内容边缘。
- `float:left` 元素的顶部会对其父元素的顶部边缘，而底部则不会对其父元素的底部边缘。

7. 清除浮动：
- `inline-block` 元素不需要清除浮动，因为它们不会影响后续元素的位置。
- `float:left` 元素需要清除浮动，以防止后续元素也浮动，并确保页面布局的稳定性。

在实际应用中，选择 `inline-block` 还是 `float:left` 取决于具体的布局需求。例如，如果需要创建一个水平排列的导航菜单，且菜单项需要换行，那么 `inline-block` 可能是更好的选择。如果需要让一组元素向左浮动，且不希望它们影响后续元素的位置，那么 `float:left` 可能是更好的选择。