为什么带有position：sticky的元素不会停留在父对象的底部？

Question

我试图了解CSS的“粘性”功能。我可以让它坚持其父级的“顶部”，而不是其“底部”我的测试代码是：.block {  background: pink;  width: 50%;  height: 200px;}.move {  position: sticky;  bottom: 0;}1111<br/>11111<br/>11111<br/>11111<br/>11111<br/>11111<br/>11111<br/><div class="block">  AAAA  <div class="move">    BBBB  </div></div>222222<br/>222222<br/>222222<br/>222222<br/>222222<br/>222222<br/>当我将“ move”设置为“ top：0”时，它停留在粉红色块的顶部，但是当我将其设置为“ bottom：0”时，它似乎不再固定/发粘。