粘性位置似乎无法在Chrome 72.x版中正常工作？

Question

我试图学习CSS中的粘滞位置属性。但是我能够理解为什么粘性属性不起作用。我在做什么错了？

这是我正在尝试的代码段。

.container {
  display: flex;
}

.box {
  height: 200px;
  width: 200px;
  background: lightblue;
}

.boxA {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  /* required */
  height: 900px;
  overflow-y: auto;
}

  <div class="container">
    <div class="box boxA">A should stick</div>
    <div class="box">B should scroll</div>
  </div>

任何指针都值得赞赏！