在响应式设计中，`inline-block` 和 `float:left` 都是用于布局的常见方法，但它们的表现和适用场景有所不同。

1. **display: inline-block**
- `inline-block` 会让元素以行的形式排列，类似于 `inline`，但是可以设置宽度和高度。
- 每个 `inline-block` 元素都会独占一行，除非它们的宽度总和小于父元素的宽度。
- 使用 `vertical-align` 属性可以控制 `inline-block` 元素的垂直对齐方式。
- 在响应式设计中，`inline-block` 布局通常更易于适配不同的屏幕尺寸，因为它们会自动适应可用的空间。
- 当需要元素水平排列并且每个元素都有固定宽度时，`inline-block` 是一个很好的选择。

2. **float: left**
- `float: left` 会让元素向左浮动，直到遇到父元素的边缘或另一个浮动元素。
- 浮动元素会脱离文档流，这意味着它们不会影响后续元素的位置。
- 需要使用 `clear` 属性来清除浮动的影响，以防止后续元素也浮动。
- 在响应式设计中，`float` 布局可能需要额外的 `width` 或 `margin` 调整来适应不同的屏幕尺寸，尤其是在元素宽度不是固定的时候。
- 当需要创建左右并排的布局，且不需要元素独占一行时，`float: left` 是一个很好的选择。

总结来说，`inline-block` 布局更加灵活，适合响应式设计，因为它可以根据可用空间调整大小。而 `float: left` 布局则需要更多的手动调整，尤其是在响应式设计中，但它在创建左右并排的布局时非常有效。选择哪种方法取决于具体的布局需求和设计目标。