在响应式设计中，使用`inline-block`和`float: left`来实现布局时，它们的表现存在以下差异：

1. **display属性的区别**：
- `inline-block`：将元素显示为内联元素，但同时具有块级元素的行为，这意味着它们可以设置宽度和高度，并且可以包含其他内联或块级元素。
- `float: left`：将元素移出正常的文档流，并将其放置在父元素的左边。它仍然是一个块级元素，但它的位置不会影响其他块级元素的布局。

2. **水平对齐方式的区别**：
- `inline-block`：元素会像内联元素一样水平排列，即从左到右。
- `float: left`：元素会向左浮动，直到到达父元素的左边框，然后后面的元素会围绕它排列。

3. **对其他元素的影响**：
- `inline-block`：不会影响其他元素的布局，除非它们也被设置为`inline-block`。
- `float: left`：会创建一个浮动上下文，如果其他元素不设置`clear`属性，它们可能会围绕浮动元素排列。

4. **清除浮动的影响**：
- `inline-block`：不需要清除浮动，因为元素不会离开文档流。
- `float: left`：如果需要让元素在浮动元素下方开始排列，需要清除浮动，这通常通过在父元素上设置`clear: both`来实现。

5. **垂直对齐的区别**：
- `inline-block`：默认情况下，`inline-block`元素的垂直对齐方式是继承自父元素的，可以通过设置`vertical-align`属性来改变。
- `float: left`：浮动元素的垂直对齐方式通常是基于它的内容，而不是父元素。

6. **换行的处理**：
- `inline-block`：如果 inline-block 元素超出了父元素的宽度，它们会在同一行中水平排列，直到到达父元素的宽度限制，然后在下一行继续排列。
- `float: left`：如果浮动元素超出了父元素的宽度，它们会继续向左浮动，后面的元素会围绕它们排列。

在实际应用中，选择`inline-block`还是`float`取决于布局的具体需求。例如，如果需要创建一个水平排列的多列布局，并且希望元素能够响应式地调整大小，那么`inline-block`可能是更好的选择。如果需要让元素浮动并让其他元素围绕它们排列，那么`float`可能是更好的选择。