如何修复Element ui中el-row中的元素会随着页面滚动而显示在fixed元素上方的问题？

Question

template代码：

    <el-container>
      <el-header id="header">
        <el-menu
          router
          id="header-menu"
          mode="horizontal"
          background-color="#409EFF"
        >
          <el-menu-item id="header-menu-item" index="2">个人信息</el-menu-item>
          <el-menu-item id="header-menu-item" index="/shop">
            奖励商店
          </el-menu-item>
        </el-menu>
      </el-header>
      <el-row> 123<br /><br /><br /><br /><br /><br /><br /><br /> </el-row>
    </el-container>

css代码：

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}
#header {
  padding: 0;
}
#header-menu {
  position: fixed;
  top: 0;
  width: 100%;
  width: 101;
  height: 40;
}
#header-menu-item {
  color: white;
  float: right;
}

Answer 1

#header-menu {
  position: fixed;
  z-index: 999;
}

Answer 2

上面的设置是可以的，但是不建议把 z-index 设置这么大，设置为较小数值，可以实现功能就行。