Inline-block 和 float:left 是 CSS 中两种不同的布局方式，它们在布局网页元素时表现出的差异主要体现在以下几个方面：

1. 显示模式（Display Type）：
- inline-block：将元素显示为内联元素，即元素不会独占一行，但可以设置宽度和高度属性。
- float:left：将元素向左浮动，直到它的外边缘碰到包含框或另一个浮动元素的边缘为止。

2. 水平对齐方式：
- inline-block：元素会水平排列，就像普通的文本一样，可以通过 text-align 属性来控制对齐方式。
- float:left：浮动元素会向左对齐，除非设置了其他对齐方式，如 float:right 或使用 clear 属性清除浮动。

3. 垂直对齐方式：
- inline-block：元素的垂直对齐方式通常是基线对齐（text-align: baseline），但可以通过设置 vertical-align 属性来改变。
- float:left：浮动元素的垂直对齐方式通常是基于包含框的顶部边缘，除非设置了其他对齐方式。

4. 层叠顺序（Z-Index）：
- inline-block：没有直接影响层叠顺序。
- float:left：浮动元素会创建一个块级框，这可能会影响层叠顺序，尤其是在与定位元素（如 absolute 或 relative）一起使用时。

5. 清除浮动（Clear Floats）：
- inline-block：不需要清除浮动，因为元素是内联的。
- float:left：如果需要让元素在浮动元素下方排列，需要使用 clear 属性来清除浮动。

6. 外边距折叠（Margin Collapse）：
- inline-block：可能会发生外边距折叠，即两个相邻的元素的垂直外边距可能会合并为一个。
- float:left：不会发生外边距折叠，因为浮动元素创建了一个新的块级框。

在实际应用中，选择使用 inline-block 还是 float:left 取决于具体的布局需求。例如，如果需要水平排列一组元素且不希望它们独占一行，可以使用 inline-block；如果需要让元素向左浮动并与其他浮动元素并排，则可以使用 float:left。