手机浏览器网页显示元素重叠导致排版错乱的问题，通常被称为“滚动条溢出”或“滚动条覆盖”。为了解决这个问题，可以采取以下加固指南：
1. 使用CSS样式控制滚动条位置：通过设置`overflow-x`和`overflow-y`属性，可以控制滚动条在水平方向和垂直方向上的显示范围。例如，将`overflow-x`设置为`scroll`或`auto`，可以将滚动条限制在当前视窗内；将`overflow-y`设置为`scroll`或`auto`，可以将滚动条限制在当前行内。
2. 使用CSS样式控制元素间距：通过调整元素的`margin`和`padding`属性，可以控制元素之间的间距。例如，将`margin-top`和`margin-bottom`设置为负值，可以将元素向下移动，从而避免因元素重叠导致的排版错乱。
3. 使用CSS样式控制字体大小：通过调整元素的`font-size`属性，可以控制字体的大小。例如，将字体大小设置为较小的值，可以使页面看起来更加紧凑，避免因元素重叠导致的排版错乱。
4. 使用CSS样式控制字体颜色：通过调整元素的`color`属性，可以改变文本的颜色。例如，将文本颜色设置为较浅的颜色，可以使文本更容易被阅读，避免因元素重叠导致的排版错乱。
5. 使用CSS样式控制背景色：通过调整元素的`background-color`属性，可以改变背景色。例如，将背景色设置为较浅的颜色，可以使背景更容易被识别，避免因元素重叠导致的排版错乱。
6. 使用CSS样式控制边框宽度和样式：通过调整元素的`border-width`和`border-style`属性，可以控制边框的宽度和样式。例如，将边框宽度设置为较小的值，可以使边框看起来更细，避免因元素重叠导致的排版错乱。同时，可以通过调整边框样式，如添加虚线、阴影等，来增强视觉效果。
7. 使用CSS样式控制动画效果：通过设置元素的`animation-duration`和`animation-timing-function`属性，可以控制动画的持续时间和过渡效果。例如，将动画持续时间设置为较短的值，可以使动画更快地呈现，避免因元素重叠导致的排版错乱。同时，可以通过调整动画过渡效果，如添加缓动函数，来平滑地过渡动画效果。
8. 使用CSS样式控制元素堆叠顺序：通过设置元素的`z-index`属性，可以控制元素在页面中的堆叠顺序。例如，将需要优先显示的元素的`z-index`设置为较高的值，可以使这些元素在页面中显示得更高，避免因其他元素重叠导致的排版错乱。
9. 使用CSS样式控制元素定位：通过设置元素的`position`属性，可以控制元素在页面中的定位方式。例如，将元素的位置设置为`relative`或`absolute`，可以使元素相对于其父元素进行定位，避免因元素重叠导致的排版错乱。同时，可以通过调整元素的定位距离，如`left`和`right`属性，来控制元素与父元素之间的距离。
10. 使用CSS样式控制元素尺寸：通过设置元素的`width`和`height`属性，可以控制元素的尺寸。例如，将元素的尺寸设置为较小的值，可以使元素看起来更紧凑，避免因元素重叠导致的排版错乱。同时，可以通过调整元素的尺寸比例，如宽度和高度的比例，来平衡元素的尺寸大小。
总之，通过综合运用上述多种CSS样式控制方法，可以有效地解决手机浏览器网页显示元素重叠导致排版错乱的问题。