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

1. **display: inline-block**
- **行为**: 元素以 inline 方式显示，这意味着它们不会换行，而是和周围的文本一样在同一行显示。同时，它们也具有 block 元素的特点，即可以设置宽度和高度。
- **优势**: inline-block 可以让你在一个行内排列多个元素，同时每个元素可以设置宽度和高度，这对于创建按钮栏、导航菜单等非常有用。
- **劣势**: inline-block 元素会默认继承父元素的字体大小，这可能会导致布局不稳定，尤其是在不同设备或浏览器中。
- **响应式设计**: 在响应式设计中，inline-block 通常更易于使用，因为你可以通过媒体查询轻松地调整元素的宽度，而不会影响其他元素的布局。

2. **float: left**
- **行为**: 元素向左浮动，直到与其他浮动元素或边框相交，或者到达父元素的边缘。这会导致元素脱离文档的正常流，从而可能需要清除浮动（clearfix）来解决后续布局问题。
- **优势**: float 常用于创建布局中的浮动区域，如侧边栏或头像，它可以让你更好地控制元素的位置。
- **劣势**: float 会导致元素脱离文档流，如果处理不当，可能会导致后续元素的布局出现问题，尤其是在需要清除浮动的情况下。
- **响应式设计**: 在响应式设计中，float 可能不如 inline-block 灵活，因为你需要清除浮动，并且在调整窗口大小或设备类型时，浮动元素的位置可能需要手动调整。

总结来说，inline-block 更适合于响应式设计，因为它不会影响其他元素的布局，而且更容易在不同的屏幕尺寸下调整元素的大小。而 float:left 则更适合创建固定的浮动区域，但在响应式设计中需要额外的清理工作来保持布局的整洁。