在网页设计中，尤其是在响应式设计中，布局元素的显示方式对于适应不同的屏幕尺寸和设备类型至关重要。Inline-block 和 float:left 都是用于设置元素布局的CSS属性，但它们的表现和用途有所不同。

1. 显示方式不同：
- `inline-block`：将元素显示为内联元素，即元素水平排列，但同时它又有块级元素的特点，可以设置宽度和高度。这意味着你可以像对待块级元素一样设置margin和padding，同时元素之间的排列方式类似于文本中的字符。
- `float:left`：将元素移出正常的文档流，并将其放置到左边。这意味着它不会像块级元素那样占用空间，而是与周围的元素并排显示。

2. 定位方式不同：
- `inline-block`：元素按照文本的排列方式定位，即从左到右，从上到下。
- `float:left`：元素会向左浮动，直到它的边缘碰到包含它的容器的边缘或者另一个浮动元素的边缘。

3. 对其他元素的影响不同：
- `inline-block`：不会影响其他元素的定位，除非这些元素也设置了`inline-block`。
- `float:left`：会创建一个浮动上下文，即当容器中存在多个浮动元素时，它们会按照浮动属性的值（如left或right）堆叠在一起，这可能需要配合clearfix来解决浮动元素引起的布局问题。

4. 清除浮动的方式不同：
- `inline-block`：不需要清除浮动，因为元素不会像浮动元素那样影响文档流。
- `float:left`：如果需要让元素在浮动元素下方开始排列，需要使用clear属性来清除浮动。

5. 适应性不同：
- `inline-block`：在响应式设计中，`inline-block`元素通常更容易适应不同的屏幕尺寸，因为它们不会像浮动元素那样破坏文档流。
- `float:left`：在响应式设计中，`float:left`元素可能需要更多的hack和技巧来确保它们在不同的设备上正确显示，尤其是在需要考虑浏览器兼容性的时候。

总结来说，`inline-block`通常提供更好的适应性和布局灵活性，而`float:left`则在一些特殊布局中（如图片布局）非常有用，但需要更多的考虑来处理浮动带来的副作用。在响应式设计中，通常更倾向于使用`inline-block`来布局元素，因为它对文档流的干扰较小，更容易适应不同的设备。