Inline-block 和 float:left 都是CSS中用来布局元素的属性，但它们的表现和用途有所不同。

1. 显示模式（Display Type）：
- inline-block：将元素显示为内联元素，即元素水平排列，但是它允许设置宽度和高度属性。这意味着你可以像块级元素一样设置宽高，同时元素之间的空白符（whitespace）不会被忽略。
- float:left：将元素向左浮动，它不会改变元素的显示模式，元素仍然是块级元素。浮动元素会脱离文档的普通流，直到它碰到父容器的边缘或者遇到另一个浮动元素。

2. 定位方式：
- inline-block：元素按照文本的排列方式定位，即从左到右，从上到下。
- float:left：元素向左浮动，直到到达父容器的边缘或者遇到另一个浮动元素。如果元素是块级元素，它将占据父容器的一侧，直到它的宽度达到最大值或者父容器的宽度。

3. 层叠顺序（Stacking Context）：
- inline-block：不会创建一个新的层叠上下文。
- float:left：也不会创建一个新的层叠上下文。

4. 清除浮动（Clearance）：
- inline-block：不需要清除浮动，因为元素是按照文本的排列方式定位的。
- float:left：如果需要让后续的元素不与浮动元素重叠，可能需要清除浮动。

5. 副作用：
- inline-block：可能会导致父元素的高度塌陷，因为inline-block元素不会像块级元素那样强制父元素设置高度。
- float:left：可能会导致父元素的高度塌陷，因为浮动元素脱离了文档的普通流。

6. 兼容性：
- inline-block：在现代浏览器中表现良好，但在一些旧版本浏览器中可能存在兼容性问题。
- float:left：是一个非常古老的属性，几乎所有浏览器都支持。

在实际使用中，选择inline-block还是float:left取决于你的具体需求。如果你需要元素水平排列并且能够设置宽高，同时保持文本的排列方式，那么使用inline-block是合适的。如果你需要让元素向左浮动，并且可能需要清除后续元素的浮动，那么使用float:left是合适的。