谷歌浏览器（google chrome）网页显示元素重叠导致排版错乱的问题，通常是由于CSS样式的冲突或者布局问题引起的。为了解决这个问题，你可以采取以下步骤进行加固：
1. 检查和修复CSS样式：
- 确保你的CSS文件是最新的，并且没有冲突的样式规则。
- 使用开发者工具检查元素的样式，确保它们正确地应用在页面上。
- 如果发现有重复或冲突的类名、id或其他选择器，尝试重命名或删除不必要的样式。
2. 调整布局：
- 使用`clearfix`属性清除浮动元素，以解决可能的重叠问题。
- 使用`display: flex;`和`justify-content: space-between;`等Flexbox属性来重新排列元素，使它们不重叠。
- 使用`position: absolute;`将元素定位到其父元素的边界外，以避免重叠。
3. 使用CSS预处理器：
- 使用如Sass或Less这样的CSS预处理器可以帮助你更清晰地编写和维护CSS代码。
- 这些工具提供了更多的功能，如变量、嵌套选择器、函数等，有助于解决复杂的布局问题。
4. 使用媒体查询：
- 通过添加媒体查询，你可以根据不同的屏幕尺寸和分辨率调整元素的布局。
- 这可以帮助你在移动设备上获得更好的排版效果。
5. 使用JavaScript：
- 如果上述方法无法解决问题，考虑使用JavaScript来动态地调整元素的位置和大小。
- 可以使用`window.getComputedStyle`获取元素的计算样式，然后使用`style`属性修改其样式。
6. 使用第三方工具：
- 有一些在线工具可以帮助你检测和修复网页中的样式冲突问题。
- 例如，使用CSS linting工具如Autoprefixer、Stylelint等，可以帮助你自动检测和修复潜在的样式问题。
7. 与开发者社区合作：
- 如果你遇到难以解决的问题，可以加入相关的开发者社区，如Stack Overflow、GitHub等，向其他开发者寻求帮助。
- 分享你的代码和遇到的问题，可能会得到其他开发者的建议或解决方案。
8. 持续学习和实践：
- 不断学习新的CSS技术和最佳实践，以提高你的网页设计和开发能力。
- 实践是最好的学习方式，多尝试不同的布局和样式组合，积累经验。
总之，解决网页显示元素重叠导致排版错乱的问题需要综合考虑多种因素，包括CSS样式、布局、媒体查询、JavaScript等。通过仔细检查和修复这些问题，你可以提高网页的可读性和用户体验。