为什么我的并排滚动div在不同的级别？

并排滚动的div在不同的级别是因为它们受到CSS中的层叠上下文（stacking context）的影响。

层叠上下文是一种CSS机制，用于控制元素在垂直方向上的显示顺序和堆叠顺序。每个层叠上下文都有一个层叠上下文根，它可以是文档的根元素（html），或者是设置了某些CSS属性（如position: relative/absolute/fixed、z-index等）的元素。

当两个并排滚动的div处于不同的层叠上下文中时，它们的显示顺序和堆叠顺序就会受到各自层叠上下文的影响，从而导致它们在页面上的位置发生变化。

要解决这个问题，可以尝试以下几种方法：

1. 确保两个并排滚动的div处于同一个层叠上下文中。可以通过设置它们的父元素为同一个层叠上下文根元素，或者使用CSS属性（如position: relative/absolute/fixed、z-index等）来创建一个新的层叠上下文。
2. 调整两个并排滚动的div的层叠顺序。可以使用CSS的z-index属性来控制元素的堆叠顺序，将需要在前面显示的div的z-index值设置为较大的值。
3. 检查是否有其他CSS属性或样式影响了元素的显示位置。例如，可能存在margin、padding、float等属性导致元素位置发生偏移。

总之，要解决并排滚动div在不同级别的问题，需要了解CSS的层叠上下文机制，并根据具体情况调整元素的层叠顺序或样式属性。