中间切换线未正确消失

要解决“中间切换线未正确消失”的问题，需要对代码进行相应的修改。以下是一种可能的解决方法：

/* HTML */
<div class="container">
  <div class="line"></div>
  <div class="content">
    <!-- 页面内容 -->
  </div>
</div>

/* CSS */
.container {
  position: relative;
  overflow: hidden;
}

.line {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  width: 100%;
  background-color: black;
}

.content {
  /* 其他样式 */
}

在上述示例中，我们使用了一个父容器 .container 来包裹页面内容，并设置其相对定位和溢出隐藏。然后，在父容器中插入一个 .line 元素，使用绝对定位和 transform 属性将其居中显示，并设置宽度和高度。最后，将页面内容放置在 .content 元素中。

通过这种方法，可以确保中间切换线在页面切换时正确消失，而不会留下残留。