css 滚动时 底部定位跟着跑

.out {
  height: 100vh;
  border: 1px solid red;
  width: 200px;
  position: relative;
  overflow: hidden; // 很重要,不然就跟着跑
}
.inner1 {
  height: 100%;
  width: 100%;
  border: 1px solid green;
  overflow-y: scroll;
}
.inner2 {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: pink;
  width: 100%;
}