Inline-block 和 float:left 都是CSS中用于布局的属性，但它们在布局上有所不同，主要体现在它们如何影响元素的显示方式和父元素的流式布局上。

1. **display: inline-block**
- `display: inline-block` 属性将元素显示为inline，即元素不会独占一行，但可以设置宽度和高度。
- 每个 inline-block 元素的内容作为单独的行来显示，多个 inline-block 元素可以并排显示在同一行。
- inline-block 元素的垂直外边距（margin-top 和 margin-bottom）会折叠（collapse），也就是说，如果上下两个 inline-block 元素的顶部和底部外边距都设置了相同的值，那么只会显示一个外边距。
- inline-block 元素不会影响其周围元素的布局，除非它设置了宽度和高度。

2. **float: left**
- `float: left` 属性将元素移出正常的文档流，并将其放置在其父元素的左边。
- 浮动元素的宽度通常由其内容决定，但可以通过设置 `width` 属性来指定固定的宽度。
- 浮动元素的上方和下方可以放置其他元素，这些元素会围绕在浮动元素周围。
- 浮动元素会影响其周围元素的布局，因为它会改变文档流的自然流动。

总结来说，`display: inline-block` 更适用于创建多个元素并排显示的布局，而 `float: left` 则更适用于创建浮动的元素，这些元素通常需要与其他元素围绕显示。

在实际应用中，通常结合使用这两种属性来创建复杂的布局。例如，在一个典型的布局中，你可以使用 `display: inline-block` 来排列多个元素，同时使用 `float: left` 来单独浮动某个特定的元素，以达到特定的设计效果。