在马鞍山（Maersk）的响应式设计中，使用`inline-block`和`float:left`来布局元素是很常见的做法。这两种方法都可以用来创建水平排列的元素，但它们的表现和适用场景有一些差异。

1. 默认行为不同：
- `inline-block` 元素默认具有 `inline` 元素的行为，这意味着它们不会换行，直到它们到达容器的边缘。此外，`inline-block` 元素可以设置宽度和高度，而 `inline` 元素通常不行。
- `float:left` 则会让元素浮动到左边，直到到达容器的边缘，这会导致后续的元素围绕在它周围。

2. 布局方式不同：
- `inline-block` 布局通常用于创建多个水平排列的元素，这些元素可以设置宽度和高度，并且可以与其他 `inline-block` 元素并排排列。
- `float:left` 布局通常用于创建类似于杂志布局的效果，其中某些元素会浮动到左边，而其他元素则围绕在它们周围。

3. 子元素行为不同：
- `inline-block` 元素的子元素默认也是 `inline` 元素，这意味着它们不会换行，直到到达容器的边缘。
- `float:left` 元素的子元素不会继承浮动属性，它们会按照正常的文档流排列。

4. 清除浮动的方式不同：
- 在 `inline-block` 布局中，如果需要清除浮动，通常需要使用 `vertical-align` 属性来调整元素的位置。
- 在 `float:left` 布局中，如果需要清除浮动，通常需要使用 `clear` 属性来清除前面的浮动元素的影响。

5. 对父元素的影响不同：
- `inline-block` 元素的父元素通常不需要额外的样式，因为 `inline-block` 元素会按照正常的文档流排列。
- `float:left` 元素的父元素可能会因为浮动元素而收缩，除非添加 `overflow:hidden` 或者 `clear:both` 来清除浮动。

总结来说，`inline-block` 和 `float:left` 都是实现响应式设计中水平布局的有效方法，但它们在默认行为、布局方式、子元素行为和清除浮动的方式上有所不同。选择哪种方法取决于具体的布局需求和设计目标。