如何让绝对定位的工具提示重叠可滚动的容器？

<style>
  .container {
    position: relative;
    width: 300px;
    height: 200px;
    overflow: auto;
    border: 1px solid #ccc;
  }

  .tooltip {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #f1f1f1;
    padding: 5px;
    border: 1px solid #ccc;
  }
</style>

<div class="container">
  <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
  <div>Nulla vitae elit libero, a pharetra augue.</div>
  <div>Nullam id dolor id nibh ultricies vehicula ut id elit.</div>
  <div class="tooltip">Tooltip 1</div>
  <div class="tooltip">Tooltip 2</div>
</div>