底部的绝对div和文本

Question

我有一个绝对位置的div和一些文本。我想把文字放在底部。我这样做了：

display: table-cell;
text-align: center;
vertical-align: bottom;

但仅当我删除position:absolute时才有效。我需要绝对位置（overflow:auto适用于绝对位置）。 Div内容是动态的，我没有固定数量的行，所以我需要底部的溢出功能和文本对齐。 感谢您的支持

#mydiv {
  position: absolute;
  top: 1%;
  bottom: 1%;
  left: 2%;
  width: 40vw;
  height: 49vh;
  max-width: 260px;
  font-size: 12px;
  border: 1px solid black;
  background-color: white;
  border-radius: 5px;
  overflow: auto;
  display: table-cell;
  text-align: center;
  vertical-align: bottom;
}

<div id="mydiv">
  <p>line1</p>
  <p>line2</p>
  <p>line3</p>

</div>