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

1. `inline-block`：
- `inline-block`属性的元素会像内联元素（inline elements）一样显示，即水平方向排列，但同时它们可以设置宽度和高度（类似于块级元素）。
- 使用`inline-block`可以让元素保持在其父元素中水平方向上的位置，同时又可以设置其宽度和高度。
- 每个`inline-block`元素之间会保留一个空白符（whitespace）的大小，这个空白符可以通过CSS中的`font-size`和`letter-spacing`属性来调整。
- `inline-block`元素不会像块级元素那样自动换行，除非它们的宽度大于父元素。

2. `float: left`：
- `float: left`属性的元素会浮动到页面左边，直到它的边缘碰到包含它的元素的边缘或者遇到另一个浮动元素。
- 浮动元素会脱离文档流，这意味着它不会影响周围元素的布局，除非它们也浮动。
- 使用`float: left`可以很容易地创建多列布局，尤其是在结合`clear`属性使用时。
- 浮动元素会形成一个新的层叠上下文（stacking context），这意味着当有重叠的元素时，浮动元素会位于非浮动元素之上。
- 浮动元素会忽略`margin`和`padding`属性，除非它们也设置了浮动。

总结来说，`inline-block`适合于需要保持水平方向排列但又要设置宽度和高度的元素，而`float: left`则适合于需要创建多列布局或需要浮动到页面一边的元素。在盘锦做响应式设计时，选择哪种布局方式取决于具体的布局需求和设计目标。