Css 溢出中断：自动容器

我在overflow:auto容器中有一个div容器，但我想让这个容器脱离overflow:auto conatiner。我需要一个日期选择器，它应该覆盖一个滚动容器的边界，不应该被这个剪切。例如，如果我想查看日历的最后一行，目前我必须滚动。这不是一个好的解决方案

<div class="wrapper">
  <p>Content</p>
  <div class="breakout_anchor">
    <p>Anchor</p>
    <div class="breakout_element">
      <h1>I want to break out of the wrapper!</h1>
    </div>
  </div>
  <p>Content</p>
  <p>Content</p>
</div>

---

不使用javascript是否可以解决此问题？

您可以使用position:固定在breakout_元素上，然后将其定位在正确的位置

.breakout_anchor:hover .breakout_element {
    display: block;
    position: fixed;
    top: 130px;
    left: 90px;
}

---

请参见此处：

看起来是一个不错的方法，但此解决方案只有在容器之前未滚动时才能正常工作：-是的，对此表示抱歉。为什么不使用输入类型为date的浏览器日期选择器呢。请参阅更新的plunker。。。这将在任何滚动位置工作，将鼠标悬停在锚点上，然后单击向下箭头以获得完整的日历。我的日期选择器必须在不同的时区工作，因此我们还需要一个momentjs对象。

.breakout_anchor:hover .breakout_element {
    display: block;
    position: fixed;
    top: 130px;
    left: 90px;
}