如何将我的“stickybox”容器放在父元素的右上角？

Question

我还在学习CSS，有些东西很难理解。定位“粘性”元素存在问题。我不知道如何将它放在它的父元素的右上角。

* {
  margin: 0;
  padding: 0;
  font-family: monospace;
}

.container {
  margin: 150px auto;
  width: 250px;
  height: 200vh;
  border: 2px solid #333;
}

.stickybox {
  position: sticky;
  top: 0;
  right: 25px;
  width: 150px;
  height: 150px;
  background-color: royalblue;
}

<div class="container">
  <div class="stickybox">Sticky</div>
</div>

Answer 1

位置：相对；将此行添加到 .container