以下是谷歌Chrome浏览器网页样式乱序问题的层叠样式排查：
1. 检查HTML结构：确保你的HTML代码结构正确，标签嵌套合理。错误的HTML结构可能导致CSS选择器无法正确应用，从而引发样式问题。
2. 验证CSS文件链接：确认你的CSS文件是否正确链接到HTML文档中。在Chrome开发者工具中，检查“Sources”面板下的CSS文件是否成功加载。如果CSS文件未正确加载，页面将无法应用这些样式。
3. 查看CSS优先级：CSS样式的优先级决定了哪些样式会被应用到元素上。在Chrome开发者工具中，使用“Elements”面板查看选中元素的CSS规则。注意样式的来源（如内联样式、外部样式表、浏览器默认样式等），以及它们的顺序和优先级。
4. 检查CSS选择器：确保你的CSS选择器准确无误。选择器错误或过于宽泛可能导致样式应用到不应该的元素上。使用Chrome开发者工具中的“Elements”面板，查看元素的应用样式，并检查是否有意外的选择器匹配。
5. 审查CSS属性：检查CSS属性的值是否正确。例如，颜色、字体大小、边距等属性设置不当可能导致样式混乱。在Chrome开发者工具中，双击样式规则可以编辑属性值，实时查看效果。
6. 考虑CSS继承和层叠：CSS样式具有继承性，子元素会继承父元素的样式。同时，CSS规则是层叠的，后定义的规则会覆盖前面的定义。在排查样式问题时，注意样式的继承关系和层叠顺序。
7. 使用Chrome开发者工具的“Computed”面板：在Chrome开发者工具中，选择“Elements”面板，然后点击页面上的某个元素。右侧会显示该元素的“Styles”面板，其中包含“Computed”选项卡。这个选项卡展示了元素最终计算后的所有样式属性，包括继承的和层叠的样式。通过这个面板，你可以清楚地看到每个属性的最终值，以及它们是如何被计算出来的。
8. 禁用和启用CSS规则：在Chrome开发者工具中，你可以通过勾选或取消勾选样式规则来临时禁用或启用它们。这有助于你确定是哪条规则导致了样式问题。
9. 检查媒体查询：如果你使用了媒体查询来适应不同设备的屏幕尺寸，确保媒体查询的条件正确。在Chrome开发者工具中，你可以模拟不同的设备视图，检查媒体查询是否按预期工作。
10. 清除缓存：有时，浏览器缓存可能会导致样式问题。尝试清除Chrome的缓存，然后重新加载页面，看看问题是否仍然存在。
通过以上方法，你可以有效地排查谷歌Chrome浏览器网页样式乱序问题的层叠样式。从检查HTML结构、验证CSS文件链接、查看CSS优先级、检查CSS选择器、审查CSS属性、考虑CSS继承和层叠、使用Chrome开发者工具的“Computed”面板、禁用和启用CSS规则、检查媒体查询到清除缓存，即可系统地解决样式问题，确保页面呈现符合预期。