我希望我的sidenav浮动在下面图像中的绿色矩形上，并且在用户垂直滚动时保持固定。

我有一个sidenav，当我把它放在源代码中其他兄弟的上面时，它可以很好地浮动，但是当我把它放在这些兄弟的下面时，它就会被分流到底部。

下面是我的Sidenav的CSS:

.sidenav {
  float: right;
  position: fixed;
  padding-bottom: 1em;
  width: 21em;
  right: 0;
  margin-top: 60px;
  border-radius: 5px 0 0 5px;
  background-color: white;
  box-shadow: -2px 0px 8px #a7a7a7;
  overflow-x: hidden;
  transition: 0.5s;    
}

当sideNav元素位于background-rec，questions-container等之上时，它就可以很好地浮在适当位置。但现在它仍然固定在底部，当新的内容加载时，它会被推得更低。

我也试过增加Z指数。

下面是失败的源订单的图像: