CSS：元素不会漂浮在兄弟姐妹旁边；流出时起作用

Question

我希望我的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-index。

以下是失败的源订单的图像：

Answer 1

尝试在您的.sidenav类中添加top: 60px;。我假设60px看着您的margin-top: 60px;，以为您可能已尝试将导航栏下方的固定div对齐。否则top: 0;应该可以解决您的问题。